当脚本位于页面底部时，表单在jquery中提交两次

Question

我有这个功能。我不明白为什么表单会提交两次。事实上，我在服务器hapijs看到的请求是双倍的。

$(function(){

  $('form').on('submit', function(event){

    event.preventDefault();
    var $form = $(this);

    $.post('/send-message', {
      data: $form.serialize()
    }, function(data) {

    })
    .fail(function(data){

    });
  });
});

编辑：

我已经意识到将脚本放在顶部只执行一次。为什么呢？