How to ajaxify a form which was loaded through ajax

Question

I am using jQuery form plugin and it is working great. Now I am loading a form using ajax. On success callback I have code something like this

success: function(data) {
  $('#container').prepend(data);
  ajaxify_form();
}

var ajaxify_form = function() {
    $('.new_form').ajaxForm(options);
};

I need to do all that because I could not make jquery form work with 'live'.

Am I doing something wrong. Is there a better way to bind a form which was loaded through ajax so that I do not need to explicitly bind in every success callback.

Answer 1

Somewhat similar to my answer here: jquery live event for added dom elements.

Use the livequery() plugin and do it once. It will trigger for both existing and new forms added to the DOM.

$('.ajax_form').livequery(function() {
  //use $(this) to apply form plugin   
});