title: Highlights and active/redirect to bootstrap tab if error raised by jQuery validation plugin
body: <p>I have a form with multiple tabs using bootstrap tabs.</p>
  
  <p>Html Tabs structure like:-</p>
  
  <pre><code>&lt;div class="tabs-container"&gt;
  &lt;ul class="nav nav-tabs"&gt;
      &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#tab-1"&gt; Tab 1&lt;/a&gt;&lt;/li&gt;
      &lt;li class=""&gt;&lt;a data-toggle="tab" href="#tab-2"&gt;  Tab 2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div class="tab-content"&gt;
                              &lt;div id="tab-1" class="tab-pane active"&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;fieldset class="form-horizontal"&gt;
                      &lt;!--Form field Here--&gt;
                      &lt;/fieldset&gt;
                      &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;div id="tab-2" class="tab-pane "&gt;
                                  &lt;div class="panel-body"&gt;
                                      &lt;fieldset class="form-horizontal"&gt;
                      &lt;!--Form field Here--&gt;
                      &lt;/fieldset&gt;
                      &lt;/div&gt;
                              &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am using <strong>jQuery Validation Plugin - v1.13.0</strong> to validate the form. </p>
  
  <p>jquery Code like:- </p>
  
  <pre><code>&lt;script &gt;
  $("#frmID").validate({
  rules: {
  name: {
  required: true,
  minlength: 3
  },
  }
  });
  &lt;/script &gt;
  </code></pre>
  
  <p>I want to highlight the specific tab which contain that field(invalid data field) if the error occurred by jquery plugin and active that tab also.</p>
  
  <p>I will highly appreciate if i can get some help. Thanks in advance.</p>