问在html表中删除项目详细信息时如何更新数字序列列

EN

	$(function()
	{
      // Add Row
		$("#add").click(function()
		{
			addnewrow();
		});
      
      // Remove Row
      	$("body").delegate('#remove','click',function()
		{
			$(this).parent().parent().remove();
		});	
      
    });
	function addnewrow()
	{
		var tr = '<tr>' +
                   '<td class="count"></td>'+
                    '<td><input type="text" class="productname"></td>'+
                    '<td><input type="button" value="-" id="remove"></td>'+
                  '</tr>'
		$(".detail").append(tr);
	}

body {counter-reset:section;}
.count:before
{
counter-increment:section;
content:counter(section);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<table>
  <thead>
      <tr>
    <th><input type="button" value="+" id="add"></th>  
      </tr>
  </thead>
  <tbody class="detail">
    <tr>
      <td class="count"></td>
       <td><input type="text" class="productname"></td>
       <td><input type="button" value="-" id="remove"></td>
    </tr>
  <tbody>
</table>

//Update Name attribte Increment in each row
$('#dataTable tbody tr').each(function () {
    var this_row = $(this);
    var rowIndex = this_row.index();
    $.each(this_row.find(':input'), function (i, val) {
        var oldName = $(this).attr('name');
        var newName = oldName.replace(/\d+/, rowIndex);
        $(this).attr('name', newName);
    });
});