Hi JQuery Gurus,

I am sure this question has been raised and answered before, but I can't seem to find an answer that works for me. I hope I will get an exact response here. Here's my issue - 

I have my index.html that has its own $(document).ready method and everything pretty much works within it. I am trying to dynamically load a page to replace part of index.html (let' say the #inner_content ID) - 

function loadContent() {               $('#inner_content').load("XYZ.html#inner_content",'',showNewContent); 

}

function showNewContent() {  

    $('#inner_content').slideDown('normal', hideLoader); 

}  

function hideLoader() {  

    $('#load').fadeOut('normal');  

}

The above works great if the page XYX.html does not have a $(document).ready or $(function()) of its own. But I need to dynamically load many pages with it's own JQuery bindings. 

The question is how can I invoke the $(document).ready and/or $(function()) of the newly loaded content so that all the selectors and other custom events are bound properly and in a consistent manner across many different pages (ABC.html, XYZ.html, etc.)

Thanks in advance for your support.

_K