La modification de .prop à l'aide de jQuery ne déclenche pas d'événement .change

J'ai un écouteur d'événement sur une case à cocher:

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

Mon auditeur d'événements:

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

J'ai un autre écouteur d'événements qui change .propla case à cocher:

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

Lorsque je coche les DO SOMETHINGdéclencheurs de case à cocher . Lorsque je clique sur #button, les .propchangements et que je vois la case à cocher décocher visuellement, mais DO SOMETHINGne se déclenche pas ...

Quelque chose que je néglige?

L'événement de modification est déclenché lorsque la valeur est modifiée par l'interaction des utilisateurs sur la page et non lorsque la valeur est modifiée à l'aide du code.

Ici, vous devez utiliser .change()ou .trigger("change")après avoir modifié la propriété:

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

Démo de travail