I am trying to use tabs on my page and each tab is loaded through the .load() javascript function. When I click on the first tab, I have the qTip tooltip provide a tooltip over each cell in a column of the table that is created. The tooltip works perfectly here. When I click on the second tab, the same thing happens to the table that is created and the tooltip works fine. However, once a tab is clicked, it is loaded and dosen't reload once clicked again as long as you remain on the page. So, when the second tab gets clicked for the first time and the tooltip for that table finishes loading on each cell of the column, I click the first tab again to check the tooltip on the first tables cells and the tooltip doesn't display any longer and I get the following error in Firebug:
f(this).data("qtip") is undefined
I have given the tables unique ID's and have thoroughly tested the DOM structure used to reference the element I am trying to attach the tooltip to and it is correct. Its almost like the browser doesn't like to load a set of tooltips in one .load() call and then load a completely different set of tooltips with a second .load() call all the while maintaining the first set of tooltips. Has any one run into this issue before or anything similar that might help to put me on the right path? I would greatly appreciate any help I can get.