Im extremely new to jquery and im trying to create an invoice system for personal use. Thus far Ive researched online and I got this far, but I cant figure out how to remove a dynamically added element after its been created.

My code:

2. <script>
3. $(document).ready(function(){
4.     
5.     var table = $("#TextBoxesGroup");
6.     var row = table.find("tr").eq(1);
7.     var count = 0;
8.     
9.     $("#addButton").click(function(e){
10.         if (table.find("tr").length >= 51){
11.             alert("Maximum of 50 rows");
12.             return;
13.         }
14.         var newRow = row.clone();
15.         var regex = new RegExp("data\[[0-9]+\]", "g");
16.         newRow.html(newRow.html().replace(regex, "data[" + (++count) + "]"));
17.         table.append(newRow);
18.     });
20. $("#rmvButton").click(function(e){
21.         $("#remove").remove();
22.     });
23.     
24.     $(document).on('keyup', "*[data-field='quantity'],*[data-field='price']", function(e){
25.         var thisRow = $(this).parents("tr:first");
26.         var rowTotalField = thisRow.find("*[data-field='total']");
27.         var price = parseFloat(thisRow.find("*[data-field='price']").val());
28.         var quantity = parseInt(thisRow.find("*[data-field='quantity']").val());
29.         rowTotalField.val("\u00A3" + (!isNaN(price) && !isNaN(quantity) ?
30.                        price*quantity : 0).toFixed(2));
31.         var total = 0;
32.         table.find("*[data-field='total']").each(function(){
33.             var t = parseFloat($(this).val().replace("£", ""));
34.             total += !isNaN(t) ? t : 0;
35.         });
36.         $("#total").text(total.toFixed(2));
37.     });
38.     
39. });
40. 
    
41. 
    
42. </script>
43. <form action="new_invoice.php" method="post">
44. 
    
45. <table id="TextBoxesGroup">
46.    <tr>
47.        <td colspan="4">Header row</td>
48.     </tr>
49.     <div id="remove">
50.    <tr>
51.     <td><select name="data[0][0]" class="unit">
52.          <option value="service">Service</option>
53.          <option value="hour">Hours</option>
54.          <option value="days">Days</option>
55.          <option value="product">Product</option>
56.          </select><td>
57.         <td><input name="data[0][1]" placeholder="Item Name" /></td>
58.         <td><input name="data[0][2]" placeholder="Item Description" /></td>
59.         <td><input data-field="price" name="data[0][3]" placeholder="Item Amount" class="itmamnt" /></td>
60.         <td><input data-field="quantity" name="data[0][4]" placeholder="Item Quantity" class="itmqty" /></td>
61.         <td><input data-field="total" name="data[0][5]" placeholder="Item Total" readonly/></td>
62.         <td><input type="button" id="rmvButton" value=" Remove Row " /><td>
63.     </tr>
64.     </div>
65. </table>
66. <input type="button" id="addButton" value=" Add Row " />
67. <input type="submit" value="Submit" />
68. </form>
69. 
    
70. <h2>Total Cost: $<span id="total">0.00</span></h2
71. 
    

Any suggestions?