title: Changing Background color using jquery animate
body: <p>I have the following html code: `</p>
  
  <pre><code>&lt;html&gt; 
  &lt;head&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;
  &lt;/script&gt;
  &lt;script&gt; 
  $(document).ready(function(){
    $("button").click(function(){
      $("div").animate({
        backgroundColor: '#f5f5f5',
      });
    });
  });
  &lt;/script&gt; 
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;button&gt;Start Animation&lt;/button&gt;
  &lt;p&gt;By default, all HTML elements have a static position, and cannot be moved. To manipulate the position, remember to first set the CSS position property of the element to relative, fixed, or absolute!&lt;/p&gt;
  &lt;div style="background:#98bf21;height:100px;width:100px;position:absolute;"&gt;
  &lt;/div&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;`
  </code></pre>
  
  <p>But I am unable to chnage the background color as mentioned using animate.<br>
  Please let me know what is wrong?  </p>
  
  <p>Thanks<br>
  Smitha</p>