title: Bootstrap tabs go to specific tab on same page after form submit
body: <p>I have looked at many different threads on here about this issue, but none exactly answered my question.</p>
  
  <p>I have a form, on tab 2. Once I submit that form, the page reloads and I'm back at tab 1. I need it to go back to tab 2 after the form submits.</p>
  
  <p>This jsfiddle shows how you can use a link to jump from tab to tab on the same page, but how would I implement it into a form? 
  <a href="http://jsfiddle.net/technotarek/3hJ46/" rel="nofollow noreferrer">http://jsfiddle.net/technotarek/3hJ46/</a></p>
  
  <p>It uses this function:</p>
  
  <pre><code>$("a[data-tab-destination]").on('click', function() {
          var tab = $(this).attr('data-tab-destination');
          $("#"+tab).click();
      });
  </code></pre>
  
  <p>Another popular link:
  <a href="https://stackoverflow.com/questions/7862233/twitter-bootstrap-tabs-go-to-specific-tab-on-page-reload-or-hyperlink">Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink</a></p>
  
  <p>But the solutions from that link are only if your going to another page, and do not work on the same page. And I still wouldn't know how to implement that into a form.</p>
  
  <p>I tried</p>
  
  <pre><code>&lt;form action"javascript:function()"&gt;...&lt;/form&gt;
  </code></pre>
  
  <p>and had a function that accomplished what I needed, but javascript doesn't work in the action attribute all that well.</p>
  
  <p>How can I achieve this?</p>
  
  <p>EDIT:
  After going through the bootstrap documentation, I still have not found a solution to my problem. To restate, I need to go to a tab that is not the primary or active tab after you submit a form.</p>