Help with extremely simple two lines of jquery

Help with extremely simple two lines of jquery



<table id="myTable">
<tr><td>test</td></tr>
</table>

<input type="button" value="click" id="myButton"/>
   $("#myButton").click(function () {
      var html = "<tr><td>test</td></tr>";
      $(html).insertAfter("#myTable tr:last").fadeIn("slow");
   });


The above code doesn't seem to work as expected - the inserted element doesn't fade in, it just 'appears'. Can anyone explain why this doesn't work? All the documentation I've googles seems to suggest this should work...[/code]