javascript - 送信時に、html ポップアップ ファイルを div にロードします

Question

使用して作成した HTML ファイルへの送信時に、連絡先フォームにリダイレクトしようとしています。

header('Location: /dev/thanks.html');

ただし、これにより、既に表示されているページではなく、別のページに読み込まれます。

連絡先フォームと情報ページのポップアップを作成するための jQuery が既にあります。

$('a.contact , a.contact_footer, a.contact_text').click(function() {
    $("html, body").animate({ scrollTop: 0 }, 600);
    $("#popup").load("/dev/contact.php");
    // Getting the variable's value from a link
    var show = $('#popup').css('display', 'block'),
    popup = $(this).attr('href');

    //Fade in the Popup and add close button
    $(popup).fadeIn(300);

    // Add the mask to body
    $('body').append('<div id="mask"></div>');
    $('#mask').fadeIn(300);

    return false;

お問い合わせフォームを送信する際に、新しいファイル (thanks.html) をロードして、ポップアップ (お問い合わせフォーム) をお礼のメッセージに置き換えたいと考えています。私がすでにjQqueryで行っていることと似ていますが、送信時にのみ実装したいです:

<div class="submit">
    <input type="submit" value="Submit"/>
</div>

クリックではなく送信時に実装されるように jQuery を変更するにはどうすればよいですか?