Using Ajax Tabs and Post Pages

Using Ajax Tabs and Post Pages


Hey all,
I`m using jQuery UI Tabs with ajax:
    <div id="tabs">
            <ul>
                <li><a href="#tabs-1">Main</a></li>
                <li><a href="nMain.aspx">NotMain</a></li>
</ul>
</div>
my <head> has
<link type="text/css" href="ui-lightness/jquery-
ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="jquery-weekcalendar-1.2.1/
jquery.min.js"></script>
    <script type="text/javascript" src="jquery-weekcalendar-1.2.1/jquery-
ui.min.js"></script>
<link rel='stylesheet' type='text/css' href='Main.css' />
        <script type="text/javascript">
            $(function(){
                // Tabs
                $('#tabs').tabs();
                //hover states on the static widgets
                $('#dialog_link, ul#icons li').hover(
                    function() { $(this).addClass('ui-state-hover'); },
                    function() { $(this).removeClass('ui-state-hover'); }
                );
            });
        </script>
and everything works fine
but when I`m using the ajax tabs and use nMain.aspx I stack with a
problem.
nMain.aspx page contains <form> with POST method, when I click in the
tabs page (default.aspx) on the tab "NotMain" its show me nMain.aspx ,
when I`m trying to use the <form> and submit the page I automaticly
move to nMain.aspx with the my POST.
I want to make default.aspx to use nMain.aspx only at the tabs, the
POST callback will fill the tab and not redirect me to another page.
its very important to use another page and I can't take all of
nMain.aspx and move its code into default.aspx
sorry for bad English,
thank you very much!