title: jQuery Animate: change background color on mouse over
body: <p>I want to know how you can animate the background color of a div using the animate method to change the background color on mouserover:</p>
  
  <p>I came across this post but it dates back to 2010 - And it states that you have to use a plugin for this: <a href="https://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor">jQuery animate backgroundColor</a></p>
  
  <p>But surely, in 2013(with newer jQuery libraries), there must be a simpler, browser supported way of doing this in plain jQuery:</p>
  
  <p>Here is my attempt:</p>
  
  <pre><code>$('div.entry-content div.one_third').on('hover',function(){
      $(this).animate({backgroundColor: '#f5f5f5'},400);
  });
  </code></pre>