jquery entfernt erste Zeile in Tabelle

Question

Ich brauche einen schönen Übergang, bei dem ich die erste Zeile entferne und ein neues Element an eine Tabelle anhänge.

    $.getJSON('/Home/GetRecentPosts/', { count:1 }, function(data) {
      $('#recentPosts tr:first').fadeOut(2000);
      $('#recentPosts').append($('<tr><td>'+data[0].SchoolName+'</td></tr>').hide().fadeIn(2000));
    });

das funktioniert nur beim ersten Mal, wenn ich getJson ausführe. Bitte um Hilfe. Danke