I'm working on a Struts 2 and using jQuery.  In regards to this problem, I'm using jQuery UI tabs and loading the content via Ajax. On initial page view, the first tab is shown with the proper content displayed.  Click the second tab, the proper content is displayed.  Click back to the first tab, the proper content displays for a second then the page goes completely blank - completely blank.

<div id="tabs" >

<ul>

<li><s:a value="%{birDetailsUrl}" >BIR Edit</s:a></li>

<li><s:a value="%{standardTemplateUrl}">Standard Template</s:a></li>

</ul>

</div>

Here's the JS (almost verbatim from the documentation).

$("#tabs").tabs({

      ajaxOptions: {

            error: function(xhr, status, index, anchor) {

                  $(anchor.hash).html("Error loading tab");

            }

      }

});

I've recreated the error in both Safari and Firefox (on a Mac - OS X). Any help will be greatly appreciated.  Thanks!

04/10/2011 - (Using FireFox) After clicking the first tab for the second time and the page went completely blank, I checked the dom and there is no document object.  Of course, this causes JavaScript errors.  I changed the tab option 'cache' to true, and the page content no longer disappears but it also isn't being refreshed.