使用AJAX内容加载器加载成功页面内容

Question

在我的联系表单上单击“提交”后，我想使用AJAX将我的success.html加载到div（类似于我的网站的其余部分），但我在查明哪个特定的AJAX / jQuery时遇到问题用于此目的。

我正在尝试：

$("#submitButton").click(function(){
    $("#mainImage").load("success.html");
});

但无济于事。

以下是我用来将我网站的其余部分加载到#mainImage div中的AJAX：

$("#thumbs div").click(function(){             
    var toLoad = $(this).children('a').attr('href')+' #mainImage';
    $('#mainImage').fadeOut("fast",loadContent);
    window.location.hash = $(this).children('a').substr(0,$(this).children('a').length-5);
    function loadContent() {
        $('#mainImage').load(toLoad,'',showNewContent())
    }
    function showNewContent() {
        $('#mainImage').fadeIn("1000");
    }
    return false;
});

这是我的PHP表单，在“提交”被点击后我指向success.html。

<?php
ob_start();

if(isset($_POST['submit'])) { 
    $to =  "shubba4142@gmail.com";
    $subject = "BP Contact Form";
    $name_field = $_POST['name'];                
    $email_field = $_POST['email']; 
    $phone_field = $_POST['phone'];                            
    $message = $_POST['message'];
    $body = "From: $name_field\n E-Mail: $email_field\n Phone: $phone_field\n         Message:\n $message"; 
    $success = mail($to, $subject, $body);
}

if (mail($to, $subject, $body)){
    header("location:/BP%20SITE-SHD/success.html");
} 

else {
    header("location:/BP%20SITE-SHD/error.html");
}

?>

谢谢！