将动态创建的复选框附加到不起作用的每一行

Question

我可以在表格的每一行附加动态创建的复选框。我不知道为什么这不起作用。

<script>
    $(".ajaxcall").click(function () {
//        $("#subcattablerows").remove();
        $("#subcattable tbody").empty();
        var cat_id = $(this).data("catid");
//        alert(cat_id);
        $.ajax({
            type: "POST",
            dataType: "json",
            url: "<?php echo base_url() . 'Products/getsubcat' ?>",
            data: {"cat_id": cat_id},
            success: function (result) {
//                console.log(result.result);
//                $('#result').html(Result);
                var JSONObject = result.result;
                for (var key in JSONObject) {
                    if (JSONObject.hasOwnProperty(key)) {
                        $('#subcattable').append(
                                "<tr style='width: 100%; display: inline-table;'>"
                                + "<td>"+"<input type='checkbox'>" + JSONObject[key]["subcatname"] + "</td>"
                                + "</tr>"
                                );
                        console.log(JSONObject[key]["subcatname"]);
                    }
                }
            }
        });
    });
</script>