jQuery-将表的一行复制到另一行

Question

I have this portion of code:

$('input[type=checkbox]').change(function() {
        if(this.checked) {
            var row = $(this).closest('tr').html();
            $('#two').append('<tr>'+row+'</tr>');
        }
    });

    function clearSel(){
        $('input[type=checkbox]').each(function() { 
            this.checked = false; 
        }); 
        $("#two").empty();
    }

This code works fine on a local folder. When I put it on a web app on xampp, just the clearSel() function works. The table one content is generated from a AJAX request on a php file which return rows. In first stage of accessing the page both tables exists, but are empty. I don't understand why on xampp fails. Some suggestions? Thank you.

[EDIT] The code provided of Super User works fine. I am newbie, i didnt know anything about event delegation(i will study) . Thank you for answer!!!!

Answer 1

You can use event delegation here, check updated code below..
detail reference

$(document).on('change', 'input[type=checkbox]', function() {
    if(this.checked) {
        var row = $(this).closest('tr').html();
        $('#two').append('<tr>'+row+'</tr>');
    }
});

function clearSel(){
    $('input[type=checkbox]').each(function() { 
        this.checked = false; 
    }); 
    $("#two").empty();
}