The scenario

=========

I'm using JQuery UI Tabs in my site.  In a particular situation, I have have approx 10 tabs which are all loaded via ajax as a user visits each tab. I've set tabs cache to true as the content on each on each tab is usually static within a users session.

However, I do have an http form on tab 1 that is submitted via ajax. Depending on the response I either display an error dialog or if successful I will reload tab1 using the tabs .load method.

All this works fine.

========

I need to extend this so that when the form on tab 1 is successfully submitted, I invalidate the cache on all the other tabs. 

I could reload all tabs but this would put unnecessary load on the server, so I want to invalidate the cache and then only reload each tab if the user navigates to them as if it was their first visit to the tab.