UI Tabs loading issue

UI Tabs loading issue

I'm a newbie trying to use jQuery UI to have tabs loaded, using jQuery 1.4.2 and jQuery UI 1.8

My issue is that tabs are loading fine the first time. But if the page is submitted and refreshed, it doesn't seem to reload the page. It still load up the old page from the default tab (which is the first tab).

My tabs content is coming from jsp pages see code below

  1. <div id="tabs">
     <ul>
       <li><a href="maintainStrata.do?action=list&type=strata">StrataTypes</a></li>
       <li><a href="maintainStrata.do?action=list&type=plant">Plant Names</a></li>
      </ul>
     </div>





The jQuery function (pretty basic) is given below

  1. $(function() {
            $('#tabs').tabs();
    });



While I am on the first tab's screen and I update some of the data and on the click of save button, it submits the data. So what I expect to see is the first tab's data loads up refreshed. But unfortunately, it is not. I have tried some suggestions given in other posts, but to no avail.

If any of you have got more knowledge in this area or have come across similar issue, could you please share that with me?

Thanks
Prad