title: Link animated color changing in jQuery?
body: <p>I've a link named #link.</p>
  
  <p>It changes color after hover, like this:</p>
  
  <pre><code>$("#link").hover(function(){
       $(this).css({color: '#fed900'});
  });
  </code></pre>
  
  <p>All I want to do is smooth, animated color change.</p>
  
  <p>I know I have to put .css in an .animation somehow, but can't figure it out how.</p>
  
  <p>I think that's the right way, but it doens't work at all:</p>
  
  <pre><code>$("#link").hover(function(){
       $(this).animate( { css({color: '#fed900'}) }, "slow" );
  });
  </code></pre>
  
  <p>I've also tried like this:</p>
  
  <pre><code>$(this).animate({ .css({color: '#fed900'}), "slow" });   
  </code></pre>
  
  <p>But I'm still wrong somehow. Any helping hand? I know I'm missing something really small.</p>