jqueryで指定したtableに行を追加し、行を削除する

<table id="table6" class="caseTable">
            <tbody id="tbody6">
                <tr class="template repeat">
                    <td id="t1" class="btd">
                               
                    </td>
                    <td id="t2" class="btd">
                            （ / ）
                    </td>
                    <td id="t3" class="btd">
                             （/ ）
                    </td>
                    <td id="t4" class="btd">
                            
                    </td>
                    <td id="t5" class="btd">
                            
                    </td>
                    <td id="t6" class="btd">
                            
                    </td>
                    <td id="t7" class="btd">
                                   
                    </td>
<td><a class="del" href="#"></a></td>
                </tr>
            </tbody>
        </table>

 
上はテンプレートテーブル
ボタンを追加
 

 <input id="btnAdd" class="btn3_mouseout" type="button" value="    " /></div>

jsの追加
 

 $("#tbody6>.template")
                //           
               .clone(true)
                //         
                .removeClass("template")
                //         
                .find(".content")
                .text("       "
                )
                .end()
                .find(".del")
                .text("  ")
                .end()
                //    
                .appendTo($("#tbody6"))

イベントの削除

    //              
            $("#tbody6 .del").click(function() {
                $(this).parents(".repeat").remove();
            });