I'm using below code to open a web page inside a div tag.
$(document).ready(function () {
$("#popupContact").load("Wizard.aspx");
});
In the Wizard.aspx page i have a telerik RadTabStrip control. When the page is loaded tab control is displayed with out any issue but i can not navigate to tab pages (tabs are not working).
If i load the page Wizard.aspx with out the jquery code, every thing works fine.
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" >
</telerik:RadScriptManager>
<div class="exampleWrapper" style="background-repeat: repeat;" >
<a id="popupContactClose"><b>X</b></a>
<b>Fill the Form</b>
<telerik:RadAjaxLoadingPanel runat="server" ID="LoadingPanel1">
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="LoadingPanel1"
Height="100%">
<div style="float: left; width: 500px; ">
<telerik:RadTabStrip ID="RadTabStrip1" SelectedIndex="0" runat="server" MultiPageID="RadMultiPage1"
Skin="Sunset" CssClass="tabStrip">
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" OnPageViewCreated="RadMultiPage1_PageViewCreated"
CssClass="multiPage">
</telerik:RadMultiPage>
</div>
<div id="specialdiv" class="previewWrapper" style="background-image: url('images/preview.jpg')">
<uc1:PreviewCS ID="previewControl" runat="server"></uc1:PreviewCS>
</div>
</telerik:RadAjaxPanel>
</div>