form jquery events fired multiple times after using AJAX

Question

Does anybody know how to avoid jQuery firing events multiple times after ajax has returned a form.

I have tried with .once() and i am still getting 3 click events from one click.

EDIT: this was my starting point

jQuery('.node_form .form-radio').live('click', function(event) {
  console.log(jQuery(this).attr('id'));                        
});

Answer 1

Can we unbind the click event when click event happens and just add the click event again after we receive some responses from Ajax.

The idea is something like this:

jQuery('.node_form .form-radio').live('click', function(event) {
    jQuery(this).unbind('click');
    //make some ajax calls and if it returns something. We will bind the click event again.
}); 

Answer 2

Use .one versus .live...like so:

jQuery('.node_form .form-radio').one('click', function(event) {
  console.log(jQuery(this).attr('id'));                        
});