title: Fade in a table row when it's added to a table
body: <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>