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

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

$(function(){

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

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

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

    })
    .fail(function(data){

    });
  });
});

编辑：

---

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

为什么不使用

action=“#”

进行测试，因为您确实不关心表单操作url？顺便说一句，不要使用

event

，使用

evt

或

e

event

不是javascript关键字，但在IE中…您正在使用此选择器选择所有表单，页面上可能有多个表单吗？不，我在页面中只有一个表单。确定。我把脚本放在页面的顶部而不是底部。现在的问题是：为什么放在页面底部的脚本会执行两次？