i have customer table in which i have column for customer name which is hyperlink. Now on click of hyperlink i am adding jquery tabs on the fly(thru ajax) which brings  response(html + javascript) from server. As i click on customer1 hyperlink,its details are shown under Customer1 tab(Basically html reponse gets appended under Customer1 tab and also javascript associated with in that response also executed on browser).Similarly for customer 2. Issue is when i comeback to Customer1 Tab , Content shown is correct but javascript associated with Customer1 Tab response is not executed. This happens when use cache:true option.

1.     var tabs = $("#myTabs").tabs({
2.       tabTemplate: 'tabTemplate',
3.       add: function (event, ui) {
4.        /add specific logic
5.       },
6.       cache:true
7.     });

    If i use cache:false option, everything works like charm because each time response is coming from server and latest  javascipt is execute and remains in browser context. But  when i use cache:true() javasvcript associated with tab response  is not executed (so what happens is javascripr that came from server lastly remains in browser context and creates issues .

    

For example if i do some operation on tab (i am coming back to), i don't get the javascript data associated with that specific tab response  (instead i see the data associated with the tab  for which last call was made to server).

 In nutshell is there a way i can the make the javascript(associated with tab) to execute while using option cache as true?(so  that right javascript can be put in browser context)