如何使用jquery添加和删除带有按钮的行？

<table id="myTable">
  <tr>
    <td>行1</td>
    <td><button class="deleteBtn">删除</button></td>
  </tr>
</table>
<button id="addBtn">添加行</button>

$(document).ready(function() {
  // 添加行按钮点击事件
  $("#addBtn").click(function() {
    var newRow = "<tr><td>新行</td><td><button class='deleteBtn'>删除</button></td></tr>";
    $("#myTable").append(newRow);
  });

  // 删除按钮点击事件
  $(document).on("click", ".deleteBtn", function() {
    $(this).closest("tr").remove();
  });
});