title: jQuery animate font color
body: <p>what is wrong with my jQuery code here?</p>
  
  <pre><code>    &lt;script&gt;$(document).ready(function()
      {
          $(".a").hover(function()
          {
              $(this).find('h2.article-title, p.readmore').stop().animate({'color': '#000000'}, 'normal');
              $(this).find('img.a').stop().animate({'opacity': '0'}, 'normal');
          },function()
          {
              $(this).find('h2.article-title, p.readmore').stop().animate({'color': '#606060'}, 'normal');
              $(this).find('img.a').stop().animate({'opacity': '1'}, 'normal');
          });
      });&lt;/script&gt;
  </code></pre>
  
  <p>The opacity animate is working well <strong>but not the color</strong> and when I use the following  code it's working:</p>
  
  <pre><code>$(this).find('h2.article-title, p.readmore').css('color', 'black');
  </code></pre>