Enlarging images when mouseover using Jquery?
<p>I am trying to enlarge the images when mouseover and reduce the size back to normal after mouseout. I have the following:</p>

<pre><code>$('#image img').live("mouseover", function(){
          var $this=$(this);

          $this.attr('width','25%');
          $this.attr('height','25%');


       })
</code></pre>

<p>The enlarging part works fine but I am not sure how to reduce the size after mouseout. Also, I think my codes are bit ugly and not sure how to fix it. Thanks a lot.</p>
