You bind the elements on document ready, it's before they're created. You have to bind AFTER their creation.

Alternatively you can bind their container on document.ready:

$("#containerDiv").on('click', "input[name='todo']", function(){
.... your code
});

• "containerDiv" should be the parent element of those checkboxes, it should be in the page on document ready!

You bind the elements on document ready, it's before they're created. You have to bind AFTER their creation.

Alternatively you can bind their container on document.ready:

$("#containerDiv").on('click', "input[name='todo']", function(){
   // .... your code
});

• "containerDiv" should be the parent element of those checkboxes, it should be in the page on document ready!