Использование AJAX для отправки данных формы в PHP-скрипт и выдачи уведомлений об успехе без обновления страницы

Question

Просто предисловие, я очень новичок в кодировании.

Я работаю над формой контакта для веб-сайта и хочу, чтобы, когда пользователь отправляет форму, данные отправлялись на мой PHPскрипт, который отправляет электронное письмо, а затем появляется панель уведомлений, подтверждающих отправку.

На данный момент, когда я нажимаю кнопку отправить, форма ничего не делает.

• Панельуже создан и содержится в отдельной функции
• Форма работает, если я позволю обновлению страницы нормально
• Я уже тестировал ее на сервере и вне его

function successHeader() {
    //jQuery for the confirmation box
    $(".submittedBox").css("display", "block"); //Displays Pop-Up
    $(".form_header").css("display", "none"); //Removes Contact Us      
}

function formSubmit() {

    $(".contact_form").submit(function(event) { //Submit Handler

        var $form = $(this), //Get the action attribute
            url = $form.attr('action');

        var post = $.post(url, $form.serialize());

        post.done(function() { //When the function is successfully submitted
            successHeader();
        });
    });

}

Здесь вызывается функция (обработка ошибок работает)

//If the form has no errors
        if (error == 0) {
            formSubmit();
        }

Сценарий PHP называется: form_processing.php

Ожидается: отправка формы и всплывающее окноПоявляется Актуально: Ничего