contact.html

$(document).ready(function() {

    $("#ajax-contact-form").submit(function() {
        $('#load').append('<center><img src="ajax-loader.gif" alt="Currently Loading" id="loading" /></center>');

        var fem = $(this).serialize(),
            note = $('#note');

        $.ajax({
            type: "POST",
            url: "/contact/contact.php",
            data: fem,
            success: function(msg) {
                if ( note.height() ) {
                    note.slideUp(500, function() { $(this).hide(); });
                }
                else note.hide();

                $('#loading').fadeOut(300, function() {
                    $(this).remove();

                    // Message Sent? Show the 'Thank You' message and hide the form
                    result = (msg === 'OK') ? '<div class="success">Your message has been sent. Thank you!</div>' : msg;

                    var i = setInterval(function() {
                        if ( !note.is(':visible') ) {
                            note.html(result).slideDown(500);
                            clearInterval(i);
                        }
                    }, 40);
                }); // end loading image fadeOut
            }
        });

        return false;
    });
});