Ajax ajax:TabContainer loades Javascript Multiple times

See more:

VB

ASP.NET

Javascript

C#5.0

I have a Scenario in which i have used ajax:TabContainer to load grid view inside User Control, on click of each tab a user control is loaded, Whats going wrong is on click of each Tab in ajax:TabContainer javascript is called as Many times as the tab is clicked.

eg: if i click tab1 the js loads 1's and if i click tab3 the js loads twice, and if i click tab1 again the js loads thrice and so on.

I found this when i had placed an alert message in js file.

Here is my code

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="btnSearch" />
                <asp:AsyncPostBackTrigger ControlID="MainTab" />
            </Triggers>
            <ContentTemplate>
                <div>
                    <asp:HiddenField ID="HiddenField1" runat="server" ClientIDMode="Static" />
                </div>
                <div id="DivGridUserControl" class="DivJLGridUserControl">
                    <ajax:TabContainer ID="MainTab"  runat="server" AutoPostBack="true" ActiveTabIndex="0" CssClass="fancy fancy-green ajax__tab_header">
                        <ajax:TabPanel ID="TabStatus"  runat="server">
                            <headertemplate>
                            Status
                        </headertemplate>                        
                            <contenttemplate>
                            <div >
                                <uc1:JLStatus  runat="server" ID="GrvJobListStatus" />
                            </div>
                        </contenttemplate>
                        </ajax:TabPanel>
                        <ajax:TabPanel ID="TabShip"  runat="server">
                            <headertemplate>
                            Ship
                        </headertemplate>
                            <contenttemplate>
                                <uc1:JLShip  runat="server" ID="GrvJobListShip"   />
                        </contenttemplate>
                        </ajax:TabPanel>
                        <ajax:TabPanel ID="TabAcct"  runat="server">
                            <headertemplate>
                            Acct
                        </headertemplate>
                            <contenttemplate>
                                <uc1:JLAcct  runat="server" ID="GrvJobListAcct"  />
                        </contenttemplate>
                        </ajax:TabPanel>
                        <ajax:TabPanel ID="TabMschedule"  runat="server">
                            <headertemplate>
                            Mschedule
                        </headertemplate>
                            <contenttemplate>
                                <uc1:JLMschedule  runat="server" ID="GrvJobListJLMschedule"  />
                        </contenttemplate>
                        </ajax:TabPanel>
                    </ajax:TabContainer>
            </ContentTemplate>
        </asp:UpdatePanel>

Can some one tell how I can come out of this.

Thanks in advance.