Почему вместо 1 запроса отправляет 3?

Всем привет. Вот не как не могу понять...
Есть код

$('document').ready(function () {
    $("#footer").load("/include/foot.html");
    $('.wrap').on('click', '.historyAPI', function (e) {
        e.preventDefault();
        var href = $(this).attr('href');
        getContent(href, true);
    });       
});


window.addEventListener("popstate", function (e) {
    getContent(location.pathname, false);
});


function getContent(url, addEntry) {           
    $(".wrap").load(url); 
    if (addEntry === true) {
        history.pushState(null, null, url);
    }    
}


function sumbit_form(ajax_url, form_id, type, action) {
    var msg = $(form_id).serialize();
   $.ajax({
       type: type,
       url: ajax_url,
     data: msg,
   });
   getContent(action, true);
}

По идее должно отправить 1 раз запрос на сервер при клике по диву. Но при клике отправляет запрос трижды. Как это исправить? Консоль молчит
Ещё при каждом обращении заново подгружает js скрипты