Changing .prop using jQuery does not raise a .change event

Question

I have an event receiver on the checkbox:

<input type="checkbox" name="something"> 

My event listener:

 $('input[type="checkbox"][name="something"]').change(function() { //DO SOMETHING }); 

I have another event listener that changes the .prop checkbox:

 $('#button').click(function() { $('input[type="checkbox"][name="something"]').prop("checked", false); }); 

When I check DO SOMETHING triggers. When I click on #button , the .prop changes and I see the checkbox visually uncheck the checkbox, but DO SOMETHING does not start ...

Something I do not notice?

Answer 1

You need to use .change() or .trigger("change") after changing the property:

 $('input[type="checkbox"][name="something"]').prop("checked", false).change(); 

Working demo