title: Jquery Date picker tabs
body: <p>I've a date picker problem. I'm doing tabination for my site. It goes like this</p>
  
  <pre><code>&lt;script&gt;
              $(document).ready(function(){
  
  
                 var first = $('.Partner').html();
                 $('.content').append(first);
                 $('.tabs:first').css('border-bottom','3px solid #36c');
                 $('.check').datepicker({dateFormat: 'dd-mm-yy'});
  
                 $('.check').click(function(){
                     $('.check').datepicker({dateFormat: 'dd-mm-yy'});
                 });
  
  
                  $('.tabs').click(function(){
                     var href = $(this).attr('alt');
                     $('.tabs').css('border-bottom','3px solid #f4f3f2');
                     $(this).css('border-bottom','3px solid #36c');
                     var content = $('.'+href).html();
  
                     $('.content').html(content);
                     $('.check').datepicker({dateFormat: 'dd-mm-yy'});
                     return false;
                 });
  
  
  
               });
  
          &lt;/script&gt;
  </code></pre>
  
  <p>Initially a tab is loaded with textbox which on clicked will show datepicker suggestion. If I click other tab and return to initial tab the date picker function s not working. </p>
  
  <p>My html</p>
  
  <pre><code>&lt;div class="container"&gt;
                  &lt;ul class="nav"&gt;
                      &lt;li&gt;&lt;a class="tabs" alt="Partner"&gt;Partner Report&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class="tabs" alt="Single"&gt;Single Partner Report&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class="tabs" alt="Expiring"&gt;Expiring Plan&lt;/a&gt;&lt;/li&gt;
                      &lt;li&gt;&lt;a class="tabs" alt="Whole"&gt;Whole Partner Report&lt;/a&gt;&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/div&gt;
              &lt;div class="content"&gt;
  
              &lt;/div&gt;
              &lt;div class="Partner"&gt;
                  &lt;div class="container"&gt;
                      &lt;div class="row-fluid"&gt;
                          &lt;div class="span6"&gt;
                              &lt;legend&gt;Enter Tuition Id&lt;/legend&gt;
                              &lt;input type="text" name="getid" class="searchvalue" placeholder="Enter Tuition Id"/&gt;
                              &lt;input type="button" class="btn btn-info search" style="margin-top:-8px;" value="Search"/&gt;
                          &lt;/div&gt;
                          &lt;div class="span6"&gt;
                              &lt;legend&gt;Select Date for Report Generation&lt;/legend&gt;
                              &lt;div class="row-fluid"&gt;
                                  &lt;div class="span12"&gt;
                                      &lt;a href="#"&gt;Generate Report from last sent report&lt;/a&gt;
                                  &lt;/div&gt;
                                  &lt;div class="span12"&gt;
                                      &lt;div class="row-fluid" style="margin-left: -14px;"&gt;
                                          &lt;div class="span6"&gt;
                                              &lt;label&gt;From&lt;/label&gt;
                                              &lt;input type="text" name="datePicker" class="datePick" id="datePick"/&gt;
                                              &lt;input type="text" class="check"/&gt;
                                          &lt;/div&gt;
                                           &lt;div class="span6"&gt;
                                              &lt;label&gt;To&lt;/label&gt;
                                              &lt;input type="text" id="dateto"/&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="individual-content"&gt;
                          &lt;legend&gt;Search Results&lt;/legend&gt;
                          &lt;div class="tab-content"&gt;
  
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="Single"&gt;
                   &lt;div class="container"&gt;Single Partner&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="Expiring"&gt;
                   &lt;div class="container"&gt;Expiring Plan&lt;/div&gt;
              &lt;/div&gt;
              &lt;div class="Whole"&gt;
                  &lt;div class="container"&gt;Whole Partner&lt;/div&gt;
              &lt;/div&gt;
  </code></pre>