I have a treeview style control, loaded inside a jqueryui dialog.

when the control is initialised, I bind the click event to any li element (for expanding collapsed).

1. $("li", this.element).live("click", toggleNode);

however, when the dialog is repeatedly closed and reopened, the events seem to duplicate and triplicate.

I set function to try and unbind the click event, but it doesnt seem to have any effect.

1. $("li").unbind("click");

This is called when the dialog box is closed. However, I still suffer the same issue when the dialogbox is reopened, the click event ends up firing multiple times.

How can I fully remove any event bound to an element?