title: Second jQuery Validate does not works inside Bootstrap tab
body: <p>I've two tabs in my homepage, one for personal registration and another to companies. The validation works fine in the first, but in the second tab, the validation don't work and returns nothing.</p>
  
  <p>First of all, the HTML:</p>
  
  <pre><code>&lt;!-- Fire nav tabs --&gt;
  &lt;ul class="nav nav-tabs"&gt;
      &lt;li class="active"&gt;&lt;a href="#pf" data-toggle="tab"&gt;Pessoa Fisica&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#pj" id="pjHandler" data-toggle="tab"&gt;Pessoa Juridica&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;!-- Nav tabs --&gt;
  &lt;div class="tab-content"&gt;
      &lt;div class="tab-pane fade in active" id="pf"&gt;
          &lt;form id="pfRegister" action="" method="post" autocomplete="off"&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="text" id="firstName" class="form-control inputSk" placeholder="Name" name="firstName" required&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="text" id="lastName" class="form-control inputSk" placeholder="Surname" name="lastName" required&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="text" id="email" class="form-control inputSk" placeholder="Email" name="email" required&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="password" id="password" class="form-control inputSk" placeholder="Password" name="password" required&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;input type="password" id="confirm_password" class="form-control inputSk" placeholder="Confirm your password" name="confirm_password" required&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                   &lt;select id="gender" name="gender" class="form-control inputSk" required&gt;
                       &lt;option value=""&gt;Gender&lt;/option&gt;
                       &lt;option value="Male"&gt;Male&lt;/option&gt;
                       &lt;option value="Female"&gt;Female&lt;/option&gt;
                   &lt;/select&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                  &lt;div class='input-group date'&gt;
                      &lt;input type='text' class="form-control inputSk input" name="birth" id="birth" required&gt;
                   &lt;/div&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="actionForm"&gt;
              &lt;button type="submit" id="send" class="btn btn-default sk skBtn-primary submit"&gt;Sign up&lt;/button&gt;
          &lt;/div&gt;
      &lt;/form&gt;
      &lt;/div&gt;
  
  &lt;!-- company register --&gt;
  &lt;div class="tab-pane fade" id="pj"&gt;
          &lt;form id="pjRegister" class="captcha" action="" method="post" autocomplete="off"&gt;
              &lt;div class="form-group"&gt;
                   &lt;input type="text" class="form-control inputSk" name="cnpj" id="cnpj" placeholder="CNPJ" required&gt;
               &lt;/div&gt;
               &lt;div class="form-group"&gt;
                   &lt;input type="text" class="form-control inputSk" name="juridicIdentity" id="razaosocial" placeholder="Razao Social" required&gt;
               &lt;/div&gt;
               &lt;div class="form-group"&gt;
                   &lt;input type="text" class="form-control inputSk" name="companyIdentity" id="company" placeholder="Company Name" required&gt;
               &lt;/div&gt;
               &lt;div class="form-group"&gt;
                   &lt;input type="text" class="form-control inputSk" name="administrator" id="administrator" placeholder="Administrator Account" required&gt;
               &lt;/div&gt;
               &lt;div class="form-group"&gt;
                   &lt;input type="email" class="form-control inputSk" id="pjEmail" name="pjEmail" placeholder="Email" required&gt;
               &lt;/div&gt;
               &lt;div class="form-group"&gt;
                   &lt;input type="email" class="form-control inputSk" id="pj_confirm_email" name="pj_confirm_email" placeholder="Confirm Email" required&gt;
               &lt;/div&gt;
               &lt;div class="form-group"&gt;
                   &lt;input type="password" id="pjPassword" class="form-control inputSk pwstrength_viewport_progress" placeholder="Password" required&gt;
               &lt;/div&gt;
               &lt;div class="form-group"&gt;
                   &lt;input type="password" id="pjConfirm_password" class="form-control inputSk" placeholder="Confirm Password" required&gt;
               &lt;/div&gt;
               &lt;div class="actionForm"&gt;
                    &lt;button type="button" id="pjSend" class="btn btn-default sk skBtn-primary submit"&gt;Sign up&lt;/button&gt;
               &lt;/div&gt;
           &lt;/form&gt;
      &lt;/div&gt;
      &lt;/div&gt; &lt;!-- end of pj panel --&gt;
  </code></pre>
  
  <p>The JS:</p>
  
  <pre><code>$("#pfRegister").validate({
      rules: {rules},
      messages: {msgs}
  });
  
  //companies validator
  $("#pjRegister").validate({
      rules: {rules},
      messages: {msgs}
  });
  </code></pre>
  
  <p>The defaults and <code>showErrors</code> is set inside <code>$.validator.setDefaults</code>.</p>
  
  <p>I tried to validate one by one with this, but still not working:</p>
  
  <pre><code>var pfreg = $("#pfRegister").validate({
      rules: {rules},
      messages: {msgs}
  });
  
  //companies validator
  var pjreg = $("#pjRegister").validate({
      rules: {rules},
      messages: {msgs}
  });
  
  pjreg.element('input');
  pfreg.element('input');
  </code></pre>
  
  <p>Searching the web, I found a possible solution:</p>
  
  <pre><code>$("#pjRegister").each(function(){
      $(this).validate();
  });
  </code></pre>
  
  <p>But this way the form don't validate when I click the Submit button.</p>