title: jquery remove first row in table
body: <p>I need to have a nice transition where I remove the first row and append to a table new item.</p>
  
  <pre><code>    $.getJSON('/Home/GetRecentPosts/', { count:1 }, function(data) {
        $('#recentPosts tr:first').fadeOut(2000);
        $('#recentPosts').append($('&lt;tr&gt;&lt;td&gt;'+data[0].SchoolName+'&lt;/td&gt;&lt;/tr&gt;').hide().fadeIn(2000));
      });
  </code></pre>
  
  <p>this works the first time i execute getJson only. Please help.
  thanks</p>