Tabs: button on a form on a tab.

Tabs: button on a form on a tab.


The technique described below (see Code for Tab Page:) is used to load
aspx pages (forms) in individual tabs. Each form has a Save button
which leads to a function that will Update the underlying database
with changes on the form. Each Save button uses the same technique as
the Close button on the Page containing the Tab Structure (see Code
for Form Page: below).
The close button on the page containing the tab structure leads to the
CloseProcess() function but the Save buttons on the forms do not
work.
The Save button on the Form DOES work if the form is loaded without
the tab structure.
Is there a way to setup the tab structure differently to make this
work?
Thanks for your time,
RobGMiller..
Code for Tab Page:
<head>
    <script type="text/javascript">
     $(document).ready(function() {
     $(function() { $('#tabs').tabs(); });
     $("#Close").click(function() { CloseProcess(); });
     });
function CloseProcess() {...}
    </script>
</head>
<body>
    <div id="tabs">
        <ul>
            <li><a href="FormPersonal.aspx" id="TabPersonal"
title="Personal">Personal</a></li>
            <li><a href="FormBusiness.aspx" id="TabBusiness"
title="Business">Business</a></li>
        </ul>
        <div id="Personal">Personal.</div>
        <div id="Business">Business.</div>
    </div>
    <input type="button" id="Close" value="CLOSE" />
</body>
Code for Form Page:
<head>
    <script type="text/javascript">
     $(document).ready(function() {
     $("#Save").click(function() { SaveProcess(); });
     });
function SaveProcess() {...}
    </script>
</head>
<body>
    <form id="FormPersonal" runat="server">
<input type="text" id="FirstName" runat="server"/>
    <input type="button" id="Save" value="SAVE" />
    </form>
</body>