submit form by ajax

form.js

$(function() { // wait for the DOM to be ready
    $('#foo').submit(function() { // bind function to submit event of form
        $.ajax({
            type: $(this).attr('method'), // get type of request from 'method'
            url: $(this).attr('action'), // get url of request from 'action'
            data: $(this).serialize(), // serialize the form's data
            success: function(response) {
                // if everything goes well, update the div with the response
                $('#result').html(response);
            }
        });
        return false; // important: prevent the form from submitting
    });
});