title: How to enable the second tab after the completion of the first tab validation
body: <p>I have tab with the following fields</p>
  
  <pre><code> &lt;div id="tabs"&gt;
    &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-1"&gt;Tab1&lt;/a&gt; &lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-2"&gt;Tab2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-3"&gt;Tab3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-4"&gt;Tab4&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
    &lt;div id="tabs-1"&gt;
       &lt;b&gt;Name&lt;/b&gt;
    &lt;input type="text" id="name"&gt;&lt;br/&gt;
    &lt;b&gt;Age&lt;/b&gt;
    &lt;input type="text" id="age"&gt;&lt;br/&gt;
      &lt;input type="submit" value="next" id="submit"/&gt;
    &lt;/div&gt;
    &lt;div id="tabs-2"&gt;
    &lt;form name="nithin"&gt;
  
    &lt;/div&gt;
     &lt;div id="tabs-3"&gt;
      &lt;p&gt;Tab3&lt;/p&gt;
    &lt;/div&gt;
     &lt;div id="tabs-4"&gt;
      &lt;p&gt;Tab4&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  &lt;input type="checkbox" name="tabs-2" value="2"&gt;tabs-2 
  &lt;input type="checkbox" name="tabs-3" value="3"&gt;tabs-3 
  &lt;input type="checkbox" name="tabs-4" value="4"&gt;tabs-4 
  &lt;br&gt;
  </code></pre>
  
  <p>Here tab-1 has two fields.The second tab of this must be enable only after the completion of the validation of first tab.We can select show/hide using the checkbox but will not activated.How can I do this? You can see the code <a href="http://jsfiddle.net/2aQ2g/52/" rel="nofollow">DEMO</a></p>