Stackoverflow - Form reset

by john_s

HTML

<div class="alert">ALERT GOES HERE</div>
<form id="form">
    <input type="text" name="field1" /><br />
    <input type="text" name="field2" /><br />
    <button id="submit">Submit</button>
</form>

JavaScript

$(document).ready(function () {
    var form = $('#form');
    var submit = $('#submit');
    var alert = $('.alert');

    form.on('submit', function (e) {
        e.preventDefault();

        $.ajax({
            url: '/echo/html/',
            data: {
                html: 'Form data: ' + form.serialize(),
                delay: 1
            },
            type: 'POST',
            dataType: 'html',
            beforeSend: function () {
                alert.fadeOut();
                submit.html('Sending....');
            },
            success: function (data) {
                alert.html(data).fadeIn();
                form.trigger('reset');
                submit.html('Send Email');
            },
            error: function (e) {
                console.log(e)
            }
        });
    });
});