title: jQuery Animate not working on background-color property
body: <p>I was playing around with the jQuery <code>.animate()</code> function, and ended up trying to change the <code>background-color</code> of one of the <code>div</code>s depending on the number of pixels scrolled by the user. To my surprise, it did not work. I tried using the <code>.css()</code> function instead, and it worked well. Please refer the jsFiddle link at the bottom. </p>
  
  <p>Could somebody explain to me why this is happening?</p>
  
  <p>The jsFiddle link : <a href="https://jsfiddle.net/ag_dhruv/cb2sypmu/" rel="nofollow">https://jsfiddle.net/ag_dhruv/cb2sypmu/</a></p>