title: Jquery fade background / animate background colour on table row
body: <p>After much google searching and looking through other posts here i still can't work out if this is yet possible. I want to basically have a set background colour on my table rows that fades to another color quickly on :hover - Is this possible with Jquery?</p>
  
  <p>I'm using multiple tables which will have, or would like to have, different colors for background hover, at the moment I'm using just CSS to do an hover event but obviously i want to try add a subtle but nice effect as they are nice chunky table rows. </p>
  
  <p>****EDIT**** </p>
  
  <p>I found a solution: I am using Jquery UI -</p>
  
  <pre><code>$('tr').mouseover(function() {
      $('td', this).stop(true, true).animate
          ({ backgroundColor: "red" }, 1000);
  });
  
  $('tr').mouseout(function() {
      $('td', this).stop(true, true).animate
          ({ backgroundColor: "#666" }, 1000);
  });
  </code></pre>