Событие клика JQuery не срабатывает в новой строке таблицы ⇐ Jquery

[Anonymous]

Я пытаюсь добавить новую строку в таблицу, но в ячейке есть раскрывающийся список. Событие щелчка работает для существующей строки, однако не работает для вновь добавленной строки. Есть предложения?

Код: Выделить всё

    








Line No.
Record Series Number
Records Series Name
Temporary BOX#
Disposal Date

Dates of Record
Range
Action


From
To



1Choose hereMAG-35-01MAG 59-01MAG 59-02 Delete



replicate


$(document).ready(function() {

$("#mytable tbody tr").on("click", function () {
var $dropdown = $(this).find('select');
var selectedText = $dropdown.find('option:selected').text();
var selectedValue = $dropdown.val();
$(this).find("input[id='recordsName']").val(selectedValue);
$(this).find("input[id='recordsName']").prop('title', selectedValue);
console.log($(this))
})

$("#replicateButton").on("click", function () {
debugger;
var newRow = "1Choose hereMAG-35-01MAG 59-01MAG 59-02 Delete"
$("table tbody").append(newRow);

});
});

Я пытаюсь добавить событие клика в каждую новую строку
Пример теста

Подробнее здесь: https://stackoverflow.com/questions/791 ... -table-row