is there a way to remove duplicated rows that reside in two different tables by clicking one remove button. When i click on the remove button it only removes from the first table need to remove the same row in a second table as well
<code><body>
<table id="tblUpdate1" cellpadding="0" cellspacing="0" class="table" name="tblUpdate1">
<tbody class="tbodyUpdate" id="tbodyUpdate1" name="tbodyUpdate1">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td><input type="button" id="remove" class="btn btn-link remove" style="font-size: 11px; color:red;" value="- Remove" /></td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
<td><input type="button" id="remove" class="btn btn-link remove" style="font-size: 11px; color:red;" value="- Remove" /></td>
</tr>
</tbody>
</table>
<table id="tblUpdate" cellpadding="0" cellspacing="0" class="table" name="tblUpdate">
<tbody class="tbodyUpdate" id="tbodyUpdate" name="tbodyUpdate">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td></td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
<td></td>
</tr>
</tbody>
</table>
</body>
<script>
$("body").on("click", "#remove", function () {
$(this).closest("tr").remove();
});
</script>
</code>
<code><body>
<table id="tblUpdate1" cellpadding="0" cellspacing="0" class="table" name="tblUpdate1">
<tbody class="tbodyUpdate" id="tbodyUpdate1" name="tbodyUpdate1">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td><input type="button" id="remove" class="btn btn-link remove" style="font-size: 11px; color:red;" value="- Remove" /></td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
<td><input type="button" id="remove" class="btn btn-link remove" style="font-size: 11px; color:red;" value="- Remove" /></td>
</tr>
</tbody>
</table>
<table id="tblUpdate" cellpadding="0" cellspacing="0" class="table" name="tblUpdate">
<tbody class="tbodyUpdate" id="tbodyUpdate" name="tbodyUpdate">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td></td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
<td></td>
</tr>
</tbody>
</table>
</body>
<script>
$("body").on("click", "#remove", function () {
$(this).closest("tr").remove();
});
</script>
</code>
<body>
<table id="tblUpdate1" cellpadding="0" cellspacing="0" class="table" name="tblUpdate1">
<tbody class="tbodyUpdate" id="tbodyUpdate1" name="tbodyUpdate1">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td><input type="button" id="remove" class="btn btn-link remove" style="font-size: 11px; color:red;" value="- Remove" /></td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
<td><input type="button" id="remove" class="btn btn-link remove" style="font-size: 11px; color:red;" value="- Remove" /></td>
</tr>
</tbody>
</table>
<table id="tblUpdate" cellpadding="0" cellspacing="0" class="table" name="tblUpdate">
<tbody class="tbodyUpdate" id="tbodyUpdate" name="tbodyUpdate">
<tr>
<td>A</td>
<td>B</td>
<td>C</td>
<td></td>
</tr>
<tr>
<td>D</td>
<td>E</td>
<td>F</td>
<td></td>
</tr>
</tbody>
</table>
</body>
<script>
$("body").on("click", "#remove", function () {
$(this).closest("tr").remove();
});
</script>