Почему Jquery не прослушивает событие?

Question

У меня есть html с подключенным файлом js, он работает.

Когда я пытаюсь написать $('#userAdd').click(addUser); в Google Консоли (Инспектор).

Мои JS .click выглядит следующим образом:

$(document).ready(function() { 
    $('#userAdd').click(addUser()); 
}); 

Html элемент выглядит следующим образом:

<div class="row">          
    <div class="form-group col-md-12"> 
     <div class="col-md-12"> 
<input id="userAdd" type="submit" value="Add" class="btn col-md-12 btn-primary "> 
     </div> 
    </div> 
</div> 

Я положил некоторые контрольные точки в "Источники" инспектора на моем .click и он работает только когда страница загружается или перезагружается.

Update: теперь все работает раствор

$('#userAdd').click(function() { addUser(); }); 

И это один не работает по какой-то причине

$('#userAdd').click(addUser); 

Answer 1

Это:

$('#userAdd').click(addUser()); 
          ^^ 

Поскольку у вас есть (), в addUser функция НЕМЕДЛЕННО называется, а ее возвращаемое значение - это то, что становится аргумент click(). Попробуйте

$('#userAdd').click(addUser); 
or $('#userAdd').click(function() { addUser(); }); 

вместо этого.