添加&单击按钮时减去TR(ID+1）

嘿，我想为订单提供一张产品表。

我希望用户能够添加&减去行（添加和删除带有数量和备注的产品）

我把这些拼凑在一起，并在少数例外的情况下工作。

• 我需要每个输入的ID为+1，而val（''）在新的输入/行上
• 减法按钮起作用，但删除最后一个&只有一行。移除自身&添加按钮

有人能给我举一些例子吗；第二行有减法按钮吗？或者引导我走向正确的方向？提前感谢-

HTML:

<table id="mytable" width="250px" border="0" cellspacing="0" cellpadding="0"  style="text-align:center;>
   <thead>
   <tr class="product">
   <th style="text-align:center;"><strong>Item</strong></th>
   <th style="text-align:center;"><strong>Qty.</strong></th>
   <th style="text-align:center;"><strong>Remarks</strong></th>
   </tr>
   </thead>
   <tr name="product" class="product">
   <td width="100px" style="padding-left:7px; padding-right:7px;"><input type="text" width="100px" name="product" id="product" /></td>
   <td width="5px" style="text-align:center; padding-left:7px; padding-right:7px;"><input type="text"maxlength="2" name="qty" id="qty"></td>
   <td width="100px" style="padding-left:7px; padding-right:7px;"><input type="text" name="remarks" id="remarks" /></td>
   <td><input type="submit" name="add" id="add" value="+" style="width:20px; text-align:center;"/></td>
   <td><input type="submit" class="subtract" value="-" style="width:20px; text-align:center; display:none;"/></td>
   </tr>
   </table>

我现在使用的：

$("#add").click(function() {
$('#mytable tbody>tr:last').clone(true).insertAfter('#mytable tbody>tr:last');
$('#mytable tbody>tr:last #product').val('');
    $('#mytable tbody>tr:last #qty').val('');
        $('#mytable tbody>tr:last #remarks').val('');
            $('#mytable tbody>tr:last #add').val('+');

$("input.subtract").click(function() {
$(this).closest("tr").remove();    
});