Zooming images on mouseover

Some applications require zooming or magnification of images at certain locations. In this recipe, we will zoom an image at the location where the mouse enters the image. The constructs used in this example are as follows:

Construct	Type	Description
$("#identifier")	jQuery selector	This selects an element based on its ID.
$(this)	jQuery object	This refers to the current jQuery object.
.css()	jQuery method	This gets the style property for the first matched element or sets the style property for every matched element.
height	CSS property	This is the height of the element.
left	CSS property	This is the position of the left edge of the element. For absolutely positioned elements, it indicates the position of the left edge with respect to the parent element.
mousemove	jQuery event	This is fired when the mouse pointer moves inside an element. It corresponds to the JavaScript mousemove event.
mouseout	jQuery event	This is fired when...