event.preventDefault () работает в одном случае, но не в другом

Question

На моей странице есть две формы: одна для отправки комментария, а другая для голосования в опросе.Эти две функции находятся на расстоянии нескольких десятков строк, но только одна из них для # comment-form фактически предотвращает использование по умолчанию.Кнопка # poll-form submit обновляет страницу, а это не то, чего я хочу.

$("#comment-form").submit(function(event){
    event.preventDefault();
    addComment();
});

//ajax stuff for adding the comment, addComment() etc.

$("#poll-form").submit(function(event){
    event.preventDefault();
    castVote();
});

HTML выглядит так:

<div class="add-comment">
  <form id="comment-form">
    <textarea id="comment-content" name="comment" placeholder="Leave a comment"></textarea>
    <br>
    <button type="submit">Submit</button>
  </form>
</div>

<div class="poll">
  <h1 class="title">Poll</h1>
  <h3>Poll Question</h3>
    <form id="poll-form">
      <input type="radio" name="vote" value="0">
      Choice 1
      <br>
      <input type="radio" name="vote" value="1">
      Choice 2
      <br>
      <input type="radio" name="vote" value="2"> 
      Choice 3
      <br>
      <input type="radio" name="vote" value="3">
      Choice 4
      <br>
      <button type="submit">Submit</button>
    </form>
</div>

Я не вижу разницы иливыяснить, почему отправка # poll-формы не помешает по умолчанию.

Answer 1

Вы можете попробовать это также для отправки формы остановки,

$("#poll-form").submit(function(e){
  e.preventDefault();
  alert('it works!');
  return  false;
});