title: JQuery - change the h1 style with an animation
body: <p>I'm new to jQuery.  I would like to have the look of <code>&lt;h1&gt;</code> fonts in my website change, but it should change slowly from white to black.</p>
  
  <p>Here's an example:</p>
  
  <p><a href="http://www.worklifebalancecentre.org/" rel="nofollow">http://www.worklifebalancecentre.org/</a></p>
  
  <p>Here is the source code I've tried:</p>
  
  <pre><code>$(document).ready(function() {
    $("div").animate({left:'200'}, "slow");
    $(h1).animate({color:'black'}, "slow");
  });
  </code></pre>
  
  <p>but it does not work... :/</p>