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.

var tabs = $("#myTabs").tabs({

tabTemplate: 'tabTemplate',

add: function (event, ui) {

/add specific logic

},

cache:true

});

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 javascript that came from server lastly remains in browser context and creates issues .

To me it looks like issue.Posted as a question at http://forum.jquery.com/topic/executing-jquery-tabs-javascript-with-tabs-caching but no replies.

Tried to create jsfiddler for this issue, but could not create it successfully as could not find a way to get html response through ajax at fiddler site.