Клик по кнопке в таблице
 

Всем привет
есть такое

data = $.parseJSON(data);
        for(let i=0; i<data.length; i++) {
            let btn_id = "btn_"+data[i]['id'];
            $('#table-agents').append('<tr></tr>');
                $('#table-agents>tbody>tr:last').append(
                    '<td>'+data[i]['id']+'</td>' +
                    '<td>'+data[i]['name']+'</td>' +
                    '<td>'+data[i]['lastname']+'</td>' +
                    '<td>'+data[i]['address']+'</td>' +
                    '<td>'+data[i]['phone']+'</td>' +
                    '<td>'+data[i]['email']+'</td>' +
                    '<td><button id="'+btn_id+'">edit</button></td>'
                )
}

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

$("[id^=btn_]").on("click", function() {.....

i501,
$("#table-agents").on("click", "[id^=btn_]", function() {.....

Так работает. Плюсую.
А можно немного комментов почему не работал мой вариант?

i501,
клик ставят на элемент который есть, а не который будет!