เพิ่ม ปุ่มลบ ใน script ให้ทีครับ ทำปุ่มบวกได้แล้วครับ

<!-- For po -->
        <table id="addpotable">
    	<tr>    
        <td>Product(T)</td>
        <td>Product(E)</td>
        <td>Size</td>
        <td>Amount</td>
        <td>Unit Price</td>
        <td>Total</td>
        
        <td>
    	</tr>
    
    	<tr>
        <td><input type="text" name="Product_name[]" placeholder="ลูกอมรสน้ำผึ้งผสมมะนาว ตรา Gi Bee" ></td>
      	<td><input type="text" name="Product_name_eng[]" placeholder="Gi Bee Honey Lemon Tea Candy"  required="required" ></td> 
        <td><input type='text' name='Size[]' placeholder="110 g x 60 bags"  style='width: 70px;'></td>
        <td><input type='text' name='Amount[]' class='Amount' style='width: 61px;'></td>
        <td><input type='text' name='Price[]' class='Price' style='width: 50px;'></td>
        <td><input type='text' name='Total[]' class='Total' style='width: 50px;' readonly="readonly"></td>
        
    	</tr>

		<tr>
    	<td><input type="button" class="button" value="Add"  onClick="addInput2('po');"></td>
    	</tr>
       </table>

        <br />
        <table align="center">
  <tr>
    <td><input type="submit" value="Save Thaimee" name="TM" class="submitbutton"></form></td>
 <td><input type="submit" value="Save FoodTrade" name = "FT" class="submitbutton"></form></td>
 </tr>
</table>
 
        
        <script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
        <script>
 var counter2 = 1;
      var limit2 = 10;
      function addInput2(divName){
        if (counter2 == limit2)  {
          alert("You have reached the limit of adding " + counter2 + " po");
        }
        else {
          // Find a <table> element with id="myTable":
          var table = document.getElementById("addpotable");

          // Create an empty <tr> element and add it to the 1st position of the table:
          var lastRowIndex = table.rows.length-1;
		  
          var row = table.insertRow(lastRowIndex);
		  
		  

          // Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
          var cell1 = row.insertCell(0);
          var cell2 = row.insertCell(1);
          var cell3 = row.insertCell(2);
          var cell4 = row.insertCell(3);
          var cell5 = row.insertCell(4);
          var cell6 = row.insertCell(5);

          // Add some text to the new cells:
          cell1.innerHTML = "<input type='text' name='Product_name[]'>";
		  cell2.innerHTML = "<input type='text' name='Product_name_eng[]'>";
          cell3.innerHTML = "<input type='text' name='Size[]'  style='width: 70px;'>";
          cell4.innerHTML = "<input type='text' name='Amount[]' class='Amount' style='width: 61px;'>";
          cell5.innerHTML = "<input type='text' name='Price[]' class='Price' style='width: 50px;'>";
          cell6.innerHTML = "<input type='text' name='Total[]' class='Total' style='width: 50px;' readonly='readonly'>";
          
          counter2++;		
          Cal();
        }
      }
      function Cal(){
        $('input').parents('tr').each(function(){
          $(this).on('keyup',function(){
            var w = $(this).find('.Amount').val()?$(this).find('.Amount').val():0;
            var l = $(this).find('.Price').val()?$(this).find('.Price').val():0;
           
            var s = parseFloat(w) * parseFloat(l);
            $(this).find('.Total').val(s);
          });
        
        });
      }
      
      $( document ).ready(function() {
        Cal();
      });
      
    </script>
  </body>
</html>