JQuery- ajax-form-submit

jquery-form-ajax.js

function buildSubmitHandler(ajaxOptions) {
  function submitViaAJAX(event) {
    var data    = $.extend( {}, ajaxOptions.data, $form.serialize() ),

        options = $.extend({}, {
                    url:  $form.attr('action'),
                    type: $form.attr('method'),
                  }, ajaxOptions, { data: data });

    $.ajax(options)
      .done(   $.proxy($form.trigger, $form, 'submitdone') )
      .fail(   $.proxy($form.trigger, $form, 'submitfail') )
      .always( $.proxy($form.trigger, $form, 'submitalways') )

    return false;
  };

  return submitViaAJAX;
}

jQuery.fn.submitViaAJAX = function(ajaxOptions) {
  return this.each(function(i, form) {
           $(form).submit( buildSubmitHandler(ajaxOptions) );
         });
};

usage.html

<form action="/foo" method="post" id='my_form'>
  <label>Name: <input name="name" /></label>
</form>

<script type="text/javascript">
  $('#my_form')
    .submitViaAJAX()
    .bind('submitdone', function(ajaxResponse) {
      alert('Submitted!');
    });
</script>