Reloading a tab from the inside of the tab..

Reloading a tab from the inside of the tab..

Hello, first time on the jQuery form but I've been having some trouble with getting the correct code to display what i'd like..

I'm working on a website that has four tabs, [#main, page1.html, page2.html, page3.html] if you click on tab2 it will dynamically load page1.html where there is a form that a user will fill out, and when they submit it, I would like to reload page1.html, or tab2 if its easier and in scope, to show new information.

However the only thing I have been able to do is fade out the 'main' div inside this tab,
$('#main').fadeOut('slow');
but adding a .load('#main') to reload the div fails.

I've also tried loading ui-tabs-1 but I dont think this will work since page1.html doesnt have it defined, it's part of the page loading page1.html (where all 4 tabs are located)

Any help would be appreciated,
Steve