title: How do I get the name of the two active Twitter bootstrap tabs?
body: <p>I have a set of twitter bootstrap tabs that are rendered like so:</p>
  
  <pre><code>&lt;div class="span12"&gt;
      &lt;div class="tab-pane" id="models"&gt;
          &lt;ul id="model-tabs" class="nav nav-tabs"&gt;
              &lt;li&gt;&lt;a href="#model_1" data-toggle="tab"&gt;Model 1&lt;/a&gt;&lt;/li&gt;
              &lt;li class="active"&gt;&lt;a href="#model_2" data-toggle="tab"&gt;Model 2&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div id="modelTabContent" class="tab-content"&gt;
              &lt;div class="tab-pane" id="model_1"&gt;&lt;/div&gt;
              &lt;div class="tab-pane" id="model_2"&gt;
                  &lt;div class="span12"&gt;
                      &lt;div class="tab-pane" id="firmware"&gt;
                          &lt;ul id="firmware-tabs" class="nav nav-tabs"&gt;
                             &lt;li class="active"&gt;&lt;a href="#fw_1'" data-toggle="tab"&gt;FW 1&lt;/a&gt;&lt;/li&gt;
                             &lt;li&gt;&lt;a href="#fw_2'" data-toggle="tab"&gt;FW 2&lt;/a&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How would I get the names of the active tabs? In this case Model 2 => FW 1</p>
  
  <p>Any thoughts?</p>