title: Date picker not working after switching tabs
body: <p>I am using a basic date picker input on my page. On my page I am using Jquery tabs to render the content. When I navigate to a different tab and then back to the page with the date picker inputs, the calendar does not show up.</p>
  
  <p>Here is my master page code where I have the tabs:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt;
      &lt;head runat="server"&gt;
          &lt;title&gt;&lt;/title&gt;
          &lt;link href="~/Styles/Site.css" rel="stylesheet" type="text/css" /&gt;
          &lt;link href="Styles/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" /&gt;
  
          &lt;script src="Scripts/jquery-2.0.3.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script src="Scripts/jquery-ui-1.10.3.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;link href="Styles/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" /&gt;
  
          &lt;asp:ContentPlaceHolder ID="HeadContent" runat="server"&gt;&lt;/asp:ContentPlaceHolder&gt;
  
          &lt;script type="text/javascript"&gt;
  
              $(function () {
                  $(".tabs").tabs({});
               });
          &lt;/script&gt;
      &lt;/head&gt;
  &lt;body&gt;
      &lt;form runat="server"&gt;
          &lt;div class="page"&gt;
              &lt;div class="header"&gt;
                  &lt;div class="title"&gt;
                    &lt;h1&gt;&amp;nbsp;&lt;asp:Image ID="Image1" runat="server" ImageUrl="~/Content/CCLogo.jpg" /&gt;
                   &lt;/h1&gt;
                 &lt;/div&gt;
              &lt;div class="loginDisplay"&gt;
                  &lt;asp:LoginView ID="HeadLoginView" runat="server" EnableViewState="false"&gt;
                  &lt;AnonymousTemplate&gt;
                      [ &lt;a href="~/Account/Login.aspx" ID="HeadLoginStatus" runat="server"&gt;Log In&lt;/a&gt; ]
                  &lt;/AnonymousTemplate&gt;
                  &lt;LoggedInTemplate&gt;
                      Welcome &lt;span class="bold"&gt;&lt;asp:LoginName ID="HeadLoginName" runat="server" /&gt;&lt;/span&gt;!
                      [ &lt;asp:LoginStatus ID="HeadLoginStatus" runat="server" LogoutAction="Redirect" LogoutText="Log Out" LogoutPageUrl="~/"/&gt; ]
                  &lt;/LoggedInTemplate&gt;
              &lt;/asp:LoginView&gt;
          &lt;/div&gt;
          &lt;div class="clear hideSkiplink"&gt;
              &lt;div id="tabs" class="tabs"&gt;
                    &lt;ul&gt;
                      &lt;li&gt;&lt;a href="My Audits.aspx"&gt;My Audits&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="My Claims.aspx"&gt;My Claims&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="Reports.aspx"&gt;Reports&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a href="Maintenance.aspx"&gt;Maintenance&lt;/a&gt;&lt;/li&gt;
                    &lt;/ul&gt;
  
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="main"&gt;
              &lt;asp:ContentPlaceHolder ID="MainContent" runat="server"/&gt;
          &lt;/div&gt;
              &lt;div class="clear"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is my page with the date pickers:</p>
  
  <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head runat="server"&gt;
          &lt;title&gt;&lt;/title&gt;
          &lt;script src="Scripts/jquery-2.0.3.js" type="text/javascript"&gt;&lt;/script&gt;   
          &lt;link href="Styles/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css" /&gt;
          &lt;script src="Scripts/jquery-ui-1.10.3.js" type="text/javascript"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript"&gt;
            $(document).ready(function () {
  
            $('.datepicker').datepicker();
  
            $.ajax({
                    type: "POST",
                    contentType: "application/json; charset=utf-8",
                    data: "{}",
                    url: "WebService1.asmx/GetCompanies",
                    dataType: "json",
                    success: ajaxSucceess,
                    error: ajaxError
       });
  
       function ajaxSucceess(data) {
  
           $.each(data.d, function (index, elem) {
               $("&lt;option /&gt;")
                .text(elem.CompanyDesc)
                .val(elem.CompanyCode)
                .appendTo("#Select1");
           });
       }
  
       function ajaxError(response) {
           alert(response.status + ' Fail' + response.statusText);
       }
    });
  
   var count = 0;
           function changeValue() {
            count += 1;
            if (count == 1) {
            var $node = '&lt;tr&gt;&lt;td&gt;Index Number:&lt;/td&gt;&lt;td&gt;&lt;input id="inputnumber"/&gt;&lt;/td&gt;&lt;/tr&gt;';
            $('#MyAuditsSearch').append($node)
            };
           }
          &lt;/script&gt;   
      &lt;/head&gt;
  &lt;body&gt;
  &lt;form id="form1" runat="server"&gt;
  &lt;table id="MyAuditsSearch"&gt;  
    &lt;tr&gt;
      &lt;td&gt;Date Range: &lt;/td&gt;
      &lt;td&gt;&lt;input type="text" id ="datepicker" class="datepicker"/&gt;&lt;/td&gt;
      &lt;td&gt;to&lt;/td&gt;
      &lt;td&gt;&lt;input type="text" id ="datepicker2" class="datepicker"/&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;Audit Program&lt;/td&gt;
      &lt;td&gt;&lt;select id="Select1" class="select" onchange="changeValue()"&gt;&lt;option&gt;---Select------&lt;/option&gt;  &lt;/select&gt;&lt;/td&gt;
    &lt;/tr&gt;
   &lt;/table&gt;  
  
   &lt;/form&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>