jQuery将行追加到表中,而slideDown效应正在损坏表行

我试图使用jQuery将一行附加到表中,并在加载该行时对该行应用slideDown效果(对于上下文,结果通过Ajax检索,并在收到时添加)。

我有一张这样的桌子:

<div id="results">
  <table>
    <thead>
      <tr><td>Col1</td><td>Col2</td></tr>
    </thead>
  </table>
</div>

我的Javascript如下所示:

$("<tr><td>val1</td><td>val2</td></tr>")
 .hide().slideDown("slow")
 .appendTo("#results table tbody");

$("#results table tbody")
  .append("<tr><td>val1</td><td>val2</td></tr>")
  .find("tr:last").hide().slideDown("slow");

这里的第二个选项正确地显示了效果,但正如我所提到的,表格中出现了乱码。