title: How to animate background color in jQuery?
body: <p>What am I doing wrong that the following doesn't animate the background color?</p>
  
  <pre><code>&lt;div style="height:100px;width:100px;background:red"&gt;animate this&lt;/div&gt;&lt;br&gt;
  &lt;input type="button" id="mybutton" value="start"/&gt;&lt;br&gt;
  
  
  $("#mybutton").click(function(){
     $("div").animate({backgroundColor: 'blue'});
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/bjf2L0ha/" rel="nofollow">http://jsfiddle.net/bjf2L0ha/</a></p>