title: Enlarging images when mouseover using Jquery?
body: <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>