Срабатывание события при клике кнопки по классу.
 

Есть такая кнопка в ячейке таблицы.

<button type="button" id="add" class="add btn btn-sm">+</button>

И есть такая функция

$('.add').click(function () {
		var currentRow = $(this).closest("tr");
		var TrId       = currentRow.attr("id");
		alert(TrId);
});

При клике по кнопке функция срабатывает. Но если я добавляю через javascript новую строку в таблицу, то получаю новую строку, с новыми данными и такую-же кнопку, но при клике функция не срабатывает.

Очень нужна помощь, спасибо

savsoft,

$('body').on('click', '.add', function () {

вместо body желательно ближайшего родителя который есть постоянно и читать про делегирование.

Спасибо, заработало. Начинаю смотреть, что такое делегирование и с чем его готовят.