Question : How can I tied up a JQuery event after a Postback?

HI,
I have a page and inside the page I have a web user control and inside that web user control There is another web user Control.

Page
------------------------------------------------------------
| Web User Control 1 |
| ---------------------------------------------------- |
| | Web user Control 2 | |
| | ------------------------------------------ | |
| | | | | |
| | | | | |
| | ------------------------------------------ | |
| |--------------------------------------------------- |
|-----------------------------------------------------------

This is inside my "Web User Control 1" :
$(document).ready(function() {
alert("sss");
$('a#<%= this.ClientID %>slick-up').livequery('click', function(event) {
$('#<%= this.ClientID %>slickbox').toggle(600);
});
return true;
});
<a id="<%= this.ClientID %>slick-up" href="#" ><img id="SearchImage" src="images/DateArrowDown.png" /></a>
<div id="<%= this.ClientID %>slickbox">
<asp:PlaceHolder ID="EnrollmentDayResourceList" runat="server"></asp:PlaceHolder>
</div>

This Placeholder contain the Web User Control 2.

So far everything works great. .....BUT.... when an event is fire in "Web User Control 2" and do a post back the JQuery function in "Web user Control 1" stop working.

Somebody can explain me why is that............
Thanks

ps: Why I am using the client ID? this is because in the server side I am repeating controls and setting up their CliendID.

Answer : How can I tied up a JQuery event after a Postback?

$(document).ready will only fire once when the document is fully loaded into the browser the first time.
Any AJAX call doesn't trigger the event.

Registering a script via RegisterStartupScript will fire the function after the document is fully loaded into the browser AND after each partial postback.

This would be the script to register:

NB From what I see in your clientcode you use live event binding on a link with a certain id.
Using live, the event gets bound each time a certain element (which is valid against the selector being used in the live event) get into the DOM.
So perhaps using the live event with a class selector is a better solution??

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:



$('a#" + this.ClientID + @"slick-up').livequery('click', function(event) {
  $('#" + this.ClientID + @"slickbox').toggle(600);
  // perhaps return false?
});


// using live events with a class selector
$("a.slick-up").live("click", function() {
  $(".slickbox", this).toggle(600); // finding element with className slickBox inside the link
  return false;
});