title: How to get the active class value?
body: <p>I have three links (anchor tag) that represent standards like std1, std2. I want to get the active class value.</p>
  
  <pre><code>                                       &lt;li data-interest="1" class="check &lt;? if($std_id == 1){?&gt; class="active"&lt;?}?&gt;" &gt;
                                              &lt;a href="#1" onclick="changeDiv('1','S1')" data-toggle="tab" title="S1"&gt;
                                                  &lt;span class="round-tabs green"&gt;
                                                      &lt;span class="grade_catgory"&gt;S1&lt;/span&gt;
                                                  &lt;/span&gt; 
                                              &lt;/a&gt;&lt;/li&gt;
                                          &lt;li data-interest="2" class="check &lt;? if($std_id == 2){?&gt; class="active"&lt;?}?&gt;" &gt;
                                              &lt;a  onclick="changeDiv('2','S2')" data-toggle="tab" title="S2"&gt;
                                                  &lt;span class="round-tabs yellow"&gt;
                                                      &lt;span class="grade_catgory"&gt;S2&lt;/span&gt;
                                                  &lt;/span&gt; 
                                              &lt;/a&gt;
                                          &lt;/li&gt;
  </code></pre>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>      $(function() {
       // var val = $('ul#myTab1').find('li.active').data('interest');
       var itemType = $('ul#myTab1').find('li.check').data('interest');
        alert(itemType);
      });
  </code></pre>
  
  <p>I want the value like 1, 2, etc. Where can I put this?</p>