Cacher is the code snippet organizer for pro developers

<div id="success" class="hide alert alert-success">Your email has been sent</div>
<div id="error" class="hide alert alert-danger"></div>

<script>
$(function() {
    
    $('#form').submit(function(evt) {
        evt.preventDefault();
        
        var postData = $(this).serialize();

        $.post('/contact/send', postData, function(obj) {
            if (obj.result == 1) {

                $("#form").hide();
                $("#success").removeClass('hide');
                $("#error").addClass('hide');

            } else {

                $("#form").show();

                $("#success").addClass('hide');
                $("#error").html(obj.error);
                $("#error").removeClass('hide');
            }
        }, 'json')

    });

})
</script>

<?php 

// Example
$output = ['result' => 0, 'error' => null];

// Form validation.......
$output['error' => form_error_stuff()];

echo json_encode($output);
exit;