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:

I came across this post but it dates back to 2010 - And it states that you have to use a plugin for this: [jQuery animate backgroundColor](https://stackoverflow.com/questions/190560/jquery-animate-backgroundcolor)

But surely, in 2013(with newer jQuery libraries), there must be a simpler, browser supported way of doing this in plain jQuery:

Here is my attempt:

```
$('div.entry-content div.one_third').on('hover',function(){
    $(this).animate({backgroundColor: '#f5f5f5'},400);
});

```