A simple jQuery plugin to ajaxify a form

example.js

(function($) {
  $(document).ready(function() {
    $('#myform').ajaxify({
      afterSend: function() {
        # show progress gif
      },
      complete: function() {
        # hide progress gif
        # close or hide the form
      }
    });
  });
})(jQuery)

jquery.ajaxify.js

(function($) {

    $.fn.ajaxify = function(settings) {

        this.each(function() {
            
            $(this).submit(function() {
                var context = $(this);

                var _settings = {
                    url: this.action,
                    type: this.method,
                    data: context.serialize(), 
                    context: context
                };

                if (settings)
                    $.extend(_settings, settings);

                _settings.beforeSend = function() {
                    context.find(':input').attr('disabled', 'disabled');

                    if (settings.beforeSend)
                        settings.beforeSend.apply(this,
                                                  [context].concat(arguments));
                }

                _settings.complete = function() {
                    context.find(':input').attr('disabled', null);

                    if (settings.complete)
                        settings.complete.apply(this,
                                                [context].concat(arguments));
                }

                $.ajax(_settings);
                settings.afterSend.apply(this, [context].concat(arguments));

                return false;
            });
        });
    }

})(jQuery);