title: Forms within Bootstrap tabs not working/submitting
body: <p>I'm faced with a simple problem but just don't know how to solve it. I'm using twitter bootstrap's tabs. The tabs work but the forms within each tab don't submit. The forms submit when used without the tabs. </p>
  
  <p>Below is the links I've used for the tabs </p>
  
  <pre><code>            &lt;ul class="nav nav-list affix tabs" data-tabs="tabs"&gt;
                  &lt;li&gt;
                      &lt;a href="#overview" data-toggle="tab"&gt;Overview&lt;/a&gt;
                  &lt;/li&gt;
                  &lt;li&gt;
                      &lt;a href="#profile" data-toggle="tab"&gt;Profile&lt;/a&gt;
                  &lt;/li&gt;
              &lt;/ul&gt;
  </code></pre>
  
  <p>And what follows are the tabs</p>
  
  <pre><code>        &lt;div class="tab-content span9"&gt;
              &lt;div id="overview" class="tab-pane" data-toggle="tab"&gt;
                  &lt;!-- Overview Forms go here --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="tab-content span9"&gt;
              &lt;div id="profile" class="tab-pane" data-toggle="tab"&gt;
                  &lt;!-- Profile Form go here --&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Finally I've added the following jquery</p>
  
  <pre><code>        $('.tabs').tab();    
          $('.tabs a[href="#profile"]').tab('show');   
  </code></pre>