title: Animate max-width on img [JQuery]
body: <p>I have tried looking for a solution, but can't find anything good.</p>
  
  <p>I am customizing a blog for a friend of mine. When it loads, I want all the img's in each post to have a max-width and max-height of 150px. When the user pushes the img, the max-values should increase to 500px, which is easy enough. The problem with my code is that I can't get an animation on it, which I want. Any help out there? </p>
  
  <pre><code>var cssObj = {'max-width' : '500px','max-height' : '500px;'}
  
  $("img").click(function(){     
      $(this).css(cssObj); 
  }); 
  </code></pre>