Я пытаюсь использовать jQuery для динамического включения / отключения кнопки отправки для формы.

HTML:

<form id="user-add-to-group">
  <table class="group-list">
    <tbody>
      <tr>
        <th>Voornaam</th>
        <th>Achternaam</th>
        <th>S/P-nummer</th>
        <th>Email</th>
        <th>Type</th>
      </tr>
      <tr>   
        <td>Name</td>
        <td>Surname</td>
        <td>No.</td>
        <td>[email protected]</td>
        <td>student</td>
        <td><input type="checkbox" name="user_add_to_group[]" value="75F0CE8F-4B6F-4E17-BC7B-0B06AAD84625"></td>
      </tr>
    </tbody>
  </table>
  <button disabled="disabled" type="button" id="participant_add_btn" name="participant_add_btn" class="btn btn-primary">Add</button>                            
</form>

И JQuery:

$('table.group-list tr').on("click", function(){
  $(this).find("input[type=checkbox]").trigger('click');
    if($("#user-add-to-group input[type=checkbox]:checked").length>0){
      $("#participant_add_btn").prop("disabled","false");
    }
    else {
      $("#participant_add_btn").prop("disabled","disabled");
    }
});

Я хочу сделать всю строку таблицы активируемой, поэтому jQuery вызывает событие click при нажатии на tr. Это работает, но я не могу понять, почему моя кнопка не будет активирована впоследствии. Я хочу включить его, когда установлен любой флажок в форме, и отключить его, если ни один из них не установлен.

Если нужна дополнительная информация, пожалуйста, дайте мне знать.