Как редактировать строку в таблице с помощью jQuery

Question

У меня есть модал с той же формой добавления и редактирования.Я уже могу отправить данные в таблицу, но не могу их отредактировать.

$(document).ready(function() {
  $("#tbl_personnel_data tbody").on("click", "button.btn-edit", function() {
    var row = $(this).closest("tr");
    var col = $(row).find("td");
    var effective = $(col[2]).text().split(" - ");

    $('#select_position').val($(col[0]).text());
    $('#select_status').val($(col[1]).text());
    $('#daterangefrom').val(effective[0]);
    $('#daterangeto').val(effective[1]);
    $('#select_agency').val($(col[3]).text());
    $('#quantity').val($(col[4]).text());
    $('#update').show();
    $('#submit').hide();
    $('#modal_add_edit_form').modal('show');
  });
});