Зміна .prop за допомогою jQuery не викликає події .change

У мене на слухавці є слухач події:

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

Мій слухач події:

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

У мене є ще один слухач подій, який змінює .propпрапорець:

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

Коли я встановлю прапорець DO SOMETHING. Коли я натискаю на #button, .propзміни, і я бачу прапорець візуально зніміть, але DO SOMETHINGне спрацьовує ...

Щось я не помічаю?

Подія зміни запускається, коли значення змінюється взаємодією користувачів на сторінці, а не коли значення змінюється за допомогою коду.

Тут вам потрібно скористатися .change()або .trigger("change")після зміни властивості:

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

Робоча демонстрація