如何选择已附加的复选框

Question

使用JQuery我附加一个tr，其中一个td包含一个复选框。它很好地出现在屏幕上。但是我想选择其中一个复选框并在点击时触发一个功能。由于某种原因，选择器没有看到附加的复选框。我认为这是因为复选框实际上不在HTML源代码中。

所以，问题：如何选择此复选框？

$.each(categories, function (i, product) {
    $(".table_products").append('<tr class="empty"><td >' + product.product_name + '</td><td>' + product.price + '</td><td> <input type="checkbox" value="cat_id"></td></tr>');

    $("tr").addClass("cat_products");
});

$("td input:checkbox").on('click', function () {
    alert('line 41');
});