On image mouseover zoom
<p>Here is my jQuery code..  </p>

<pre><code> $('img').live('mouseenter',function()
          {  
              $(this).addClass('shown');
              $('.shown').animate({width: '+=50',height: '+=50'})
          });

 $('img').live('mouseleave',function()
          {
              $(this).removeClass('shown');
              $(this).addClass('reset');
               $('.reset').animate({width: '-=50',height: '-=50'})
          });
</code></pre>

<p>It is removing the image after some mouse enters.. Please help me..</p>
