title: How to animate the background opacity of an element using jQuery?
body: <p>I have a picture as a background on my HTML tag and a background colour of rgba( 0,0,0, 0.7 ); on my BODY tag. I'm building a small script that will allow me to change the background image on the fly and to do this I would like to animate the body to be rgba( 0,0,0,1 ), change the image, and then animate back to the opacity of 0.7.</p>
  
  <p>I've googled and found that a jQuery plugin called <a href="http://plugins.jquery.com/color/" rel="nofollow">jQuery Color</a> but the plugin seems to be broken in the latest version of jQuery "b.end is undefined". Others who have asked a similar questions also have answered with comments saying that this solution no longer works.</p>
  
  <p>I'm a little at a loss, all googling leads to the same plugin, does anyone else know of a solution?</p>
  
  <p>Currently this is what I'm trying:</p>
  
  <pre><code>jQuery('body').animate({
      'backgroundColor':'rgba(0, 0, 0, 1)'
  });
  </code></pre>
  
  <p>Thanks for any help :)</p>