jQuery form submit handler

by joshjs

HTML

<form id="myForm">
    <div>
        First Name:
        <input name="firstName" />
    </div>
    <div>
        Last Name:
        <input name="lastName" />
    </div>
    <div>
        <button>submit</button>
    </div>
    <pre id="submitting"></pre>
</form>

JavaScript

$("#myForm").on("submit", function (event) {
    event.preventDefault();
    var formData = $(this).serialize();
    $("#submitting").html("submitting form data: " + formData);
});