title: Bootstrap Tabs using Next & Previous Buttons for Forms
body: <p>I am super stuck trying to split a form up in multiple tabs but having issues with the next and previous buttons on the second and third tab. </p>
  
  <p>I want the tabs on top to change state as you would cycle through the tabs by clicking the buttons. </p>
  
  <p>I have created a code pen and if anyone out there knows what I am doing wrong please let me know. </p>
  
  <p><a href="https://codepen.io/austin-simpkins/pen/yLyNLem" rel="nofollow noreferrer">https://codepen.io/austin-simpkins/pen/yLyNLem</a></p>
  
  <pre><code>$('.btnNext').click(function() {
    $('.nav-pills &gt; .active').next('li').find('a').trigger('click');
  });
  
  $('.btnPrevious').click(function() {
    $('.nav-pills &gt; .active').prev('li').find('a').trigger('click');
  });
  </code></pre>