Jquery random hover on images, images popup but some doesn't restore back to their original size
<p>I have 9 images arranged in 3 rows. Each row has 3 images. All the images are of different size. On hover I am increasing the image width and height to 400px and 300px respectively and on mouseout I am restoring back to their original size. Now the problem is when I hover randomly, images popup but some doesn't get back to their original size. How do I fix this? Please help.</p>

<p>My code:</p>

<pre><code>jQuery(document).ready(function() {  
        jQuery('my-selector').hover(function() { 
var someVariable = jQuery( 'my-selector img', this );
someVariable.attr('actualWidth', someVariable.width()); 
someVariable.attr('actualHeight', someVariable.height());
jQuery('my-selector').stop()
              .animate({
                width: "400px",             
                height: "300px"
            }, 200, function() {
                // Animation complete.
                jQuery('show-some-div').show();
            });
        },  
 function() {  
jQuery('my-selector').stop()
              .animate({
                width: someVariable.attr('actualWidth'),                
                height: someVariable.attr('actualHeight')}, 200, function() {
                // Animation complete.
                jQuery('show-some-div').hide();
            });
</code></pre>
