jQuery Animate - border color and width
<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>
