[i501]

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

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() {.....