jQuery - submit（）多次触发。为什么呢？

Question

我有一个表单，submit执行以下代码

$(document).on('submit','#search_client_form',function(e){
    e.preventDefault();
    clientSearch();
});

function clientSearch(){
   console.log('foo')
}

我可以在控制台中看到foo一词执行 11 或 12 次而非 1 。

我已经设法通过在我的第一个代码示例off()之前添加on()函数来解决我的问题。

我需要的是解释为什么会这样。在以前的开发中，我从未遇到过同样的问题。

更新

我的表格：

<div class="row">
    <div class="form-group">
        {{ Form::open(array('id' => 'search_client_form')) }}
        <input type="text" class="form-control" name="search_client_term" placeholder="Search For Client">
        <span class="input-group-btn text-right">
            <button class="btn btn-primary" type="submit">
                <i class="fa fa-search"> Search</i>
            </button>
        </span>
        {{Form::close()}}
    </div>
</div>