JQuery: How do you use live with the post function

Question

When load the new html from a post function I lose all of my click bindings. I read that i could use live to keep all the bindings but can't find any examples where live is used with post. Here is my code:

$('.GroupHeader').unbind('click').live('click', function (event) {
        event.preventDefault();
        TemplateEditor.SelectGroupClicked($(this));
    });

Answer 1

You should use live to bind your click event handlers, i.e.:

$(selector).live('click', function () {
  //...
});

Instead of :

$(selector).click(function () { // or $(selector).bind('click', ...
  //...
});

In that way, doesn't matter your elements are replaced, the events will still work, because live works with event delegation.