[jQuery] Inserting new row in a table

[TrailBlazer]

Hi All I've very simple structure of page like

<div>
Word: <input type="text" id="txtWord" value=""/>
Replacement: <input type="text" id="txtReplacement" value="" />
<input type="button" text="Add" id="btnAdd"/>
</div>
<table id="#tblWords">
   <tr id="tr_1"><td>abcd</td><td>xyz</td><td><a href="#">Edit</a></
td></tr>
   <tr id="tr_2"><td>abcd</td><td>xyz</td><td><a href="#">Edit</a></
td></tr>
   <tr id="tr_3"><td>abcd</td><td>xyz</td><td><a href="#">Edit</a></
td></tr>
   <tr id="tr_4"><td>abcd</td><td>xyz</td><td><a href="#">Edit</a></
td></tr>
   <tr id="tr_5"><td>abcd</td><td>xyz</td><td><a href="#">Edit</a></
td></tr>
</table>
<script>
function addWord()
{
           var a = $("#txtWord").html();
            var b = $("#txtReplacement").html();
            var c = $("#tblWords tr:last").attr("id");
            c = c.substring(c.indexOf("_")+1);
            c = parseInt(c) + 1;
            var _html = "<tr id=\"tr_" + c + "\"><td align=\"center
\">" + a +
            "</td><td>" + b + "</td><td><a href='#'>Edit</a></td></
tr>";

            $("#tblWrods tr:last").insertAfter(_html);
}
</script>
<script>
$(document).ready(function(){
    $("#btnAdd").click(function(){addWord();}),
    $("#tblWords tr td a").click(function(){editWord();})
});
</script>

all i want is to append new row at end of the existing rows. but the
code
$("#tblWrods tr:last").insertAfter(_html);
does not works.

Please help!!