BootstrapValidator插件只是在提交表单后重新加载页面

Question

我想使用BootstrapValidator使用AJAX表单提交但是当我按下按钮时它只刷新页面。这是我正在使用的代码：

<script>
$(document).ready(function() {
$('#call').bootstrapValidator({
    fields: {
        your: {
            validators: {
                notEmpty: {
                    message: 'Please enter your phone number'
                 },
                digits: {
                    message: 'Please enter a valid phone number'
                }
            }
        },
       frnd: {
            validators: {
                notEmpty: {
                    message: 'Please enter a  phone number'
                },
                digits: {
                    message: 'Please enter a valid phone number'
                    }
                }
            }
        }
   })
.on('success.form.bv', function(e) {
    e.preventDefault();
    var $form = $(e.target);
    var bv = $form.data('bootstrapValidator');
    $.post("sendCall.php", $form.serialize(), function (response) {
        $('#alert').html(response);
      });
   });
 });
</script>

当然，我已经包含了所有必需的jQuery和插件文件。我的提交按钮是：

<button type="submit" id="form-submit" class="btn btn-success">Connect</button>

我尝试删除'type = submit'然后按下按钮后它什么也没做（它甚至没有重新加载页面）。

<button id="form-submit" class="btn btn-success">Submit</button>

表单ID是'call'。 Firebug在控制台上没有显示任何错误。我做错了什么？

更新这里是整个html：http://pastebin.com/D846AkHy