title: jQuery Animate - border color and width
body: <p>I cannot seem to get this jQuery animation working for applying a border to an image on <code>mouseenter</code>:</p>
  
  <pre><code>&lt;div&gt;
      &lt;img src="http://25.media.tumblr.com/acc96259d6b2678985052c33e05a3062/tumblr_mkv9fhDBDS1rmc58qo1_500.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$('div img').mousenter(function(){
      $(this).css({"border": "0px solid #f37736"}).animate({
          'borderWidth': '4px',
          'borderColor: '#f37736'
      },500);
  }).mouseleave(function(){
       $(this).animate({
          'borderWidth':'0px',
          'borderColor:'#f37736'
      },500);
  });
  </code></pre>
  
  <p>I also tried removing the CSS part for the jQuery, but does not work either</p>