Некорректно работает форма AJAX

Что не так не могу понять. Форма работает через раз и не всегда до конца. Сообщения отправляются всё ок. Но бывает не появляется alert и редирект на страницу о завершении отправки. 1я форма

<form class="header__input-group" id="call-form">
                            <input name="name" class="form-control header__input" type="text" placeholder="Имя" required="required">
                            <input name="phone" class="form-control header__input" id="phone" type="text" placeholder="Телефон" required="required">
                            <input type="submit" class="btn btn-default form-btn" value="Записаться"></input>
</form>

2я форма

<form class="" id="call-form2">
                <input name="name" class="form-control input-popup" type="text" placeholder="Имя" required="required">
                <input name="phone" class="form-control input-popup" id="phone2" type="text" placeholder="Телефон" required="required">
                <input type="submit" class="btn btn-default" value="Записаться"></input>
</form>

Обработка AJAX

$(document).ready(function(){
    $("#call-form, #call-form2").submit(function() { //устанавливаем событие отправки для формы с id=form
    var form_data = $(this).serialize(); //собераем все данные из формы
        $.ajax({
        type: "POST", //Метод отправки
        url: "mail.php", //путь до php фаила отправителя
        data: form_data,
        success: function() {
            //код в этом блоке выполняется при успешной отправке сообщения
            alert("Ваше сообщение отправлено!");
            window.location = "success.php";
            }
        });
    });
});