JQuery Code is not executed in UI Tabs when tab content is loaded through Ajax

JQuery Code is not executed in UI Tabs when tab content is loaded through Ajax

Hi all,

I have used JQuery UI Tabs in my recent project, my first JQuery UI control in a professional project. They have been working great until i decided to load the second( and third) tab's contents dynamically. I am using the tab's url to access an .aspx page like follows:

<div id="tabs">
      <ul>
<li><a href="#Bookings">Bookings</a></li>                
<li><a href="MyDynamicallyLoadedPage.aspx">Dynamic Content</a></li>
      </ul>
      <div id="Bookings" >First Tab's Content</div>
</div>

Now the dynamic page has some Jquery code that executes on different events the controls, such as click of button in  MyDynamicallyLoadedPage.aspx page etc.

Everything works great in Firefox and IE, but when i use Google Chrome, the JQuery Code in the  MyDynamicallyLoadedPage.aspx page does not work. dont know why? i tried to google for it but could not find any answer..

I would really appreciate if you could help me out.

To summarize my problem:

The Jquery code in a dynamically loaded page does not work in Chrome only. It works fine in other browsers.