title: How can I animate text colors using jQuery?
body: <pre><code>$(document).ready(function(){
      $('a.nav_menu')
          .css( {backgroundPosition: "0 0"} )
          .mouseover(function(){
              $(this).animate({
              backgroundPosition:"(-650px 0)",
              'color': '#000000'
          }, {duration:700})
          })
          .mouseout(function(){
              $(this).animate({backgroundPosition:"(0px 0)"}, {duration:900, complete:function(){
                  $(this).css({backgroundPosition: "0 0"})
              }})
          })
  });
  </code></pre>
  
  <p>What is wrong with this? The text color doesn't change.</p>