js控制table中tr位置互换

<!-- 测试 -->
<script type="text/javascript">
   function doit(f, t) {
        $("#tbl tr:nth-child(" + f + ")").insertAfter($("#tbl tr:nth-child(" + t + ")"));
    }
</script>
<table id="tbl">
    <tr id="1"><td>1</td></tr>
    <tr id="2"><td>2</td></tr>
    <tr id="3"><td>3</td></tr>
    <tr id="4"><td>4</td></tr>
</table>
<input type="button" onclick="doit(1, 2);" value="click">