Fade in a table row when it's added to a table
<p>I have the following code to add a new row to the end of a table:</p>

<pre><code>$('.row-data:last').after('some HTML rows');
</code></pre>

<p>I want to use something like <code>.fadeIn("slow")</code> so each row fades in before it appears but I don't seem to be getting any animation:</p>

<pre><code>$('.row-data:last').after('some HTML rows').fadeIn("slow");
</code></pre>

<p>Any ideas what I'm missing?</p>

<p>Thank you :).</p>
