jQuery Animation Leaves Unnecessary Styles
<p>When I run the following jQuery animation sequence:</p>

<pre><code>$('#task').animate({ backgroundColor: fadeColor }, 50)
          .animate({ opacity: 1.0 }, 1000)
          .animate({ backgroundColor: originalBG }, 1000);
</code></pre>

<p>It leaves unneeded styles on my table row when complete (below)</p>

<pre><code>&lt;tr id="task29" onclick="TaskEdit('29');" style="background-color: rgb(255, 255, 255); opacity: 1;"&gt;
</code></pre>

<p>These styles are messing with those defined in my CSS file (specifically some hover styles).  Does anyone have a recommendation on removing them.  I'm using jQuery 1.3.1.  I've tried adding a </p>

<pre><code>.attr('style', '');
</code></pre>

<p>to the end of the chain, but that didn't work.  Any other ideas?</p>
