jquery动态增加减少行

<input type="button" value="增加" οnclick="addNew();"> 
<input type="button" value="删除" οnclick="del();"> 

<table id="table1" cellspacing="3" cellpadding="3" > 

<tbody> 
    <b>姓名</b><input type='text'  name='name' id=1 />
    <b>手机</b><input type='text'  name='phone' id=1 />
   
</tbody> 

</table> 

jquery引用jquery-1.7.1.js

<script > 
    var row_count = 1; 
    function addNew() 
    { 
        var table1 = $('#table1'); 
        var firstTr = table1.find('tbody>tr:first'); 
        var row = $("<tr></tr>"); 
        var td = $("<td></td>");  
        td.append($("<b>姓名</b><input type='text'  name='name' id=" + (row_count +1) +" value=''>"));
        td.append($("<b>手机</b><input type='text'  name='phone' id=" + (row_count +1)+ " value=''>"));
        row.append(td); 
        table1.append(row);
        row_count++; 
    } 
    function del() 
    { 
        var checked = $("input[type='text'][id="+(row_count)+"]");
       
        if (row_count < 2) {
            alert("最少预订一个人");
            return;
        }
        $(checked).each(function(){ 
                $(this).parent().parent().remove(); 
        });
        row_count--;
    } 
</script>