title: Find another way to get a.href of li elment with jQuery?
body: <p>I have a HTML bellow:</p>
  
  <pre><code>&lt;ul class="tabs"&gt;
      &lt;li&gt;&lt;a href="#doc-new"&gt;Home&lt;/a&gt;&lt;/li&gt;
      &lt;li class="active"&gt;&lt;a href="#doc-fav"&gt;Profile&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#doc-read"&gt;Messages&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to get <strong>href</strong> of <code>&lt;a&gt;</code> element of <code>&lt;li&gt;</code> have 'active' class</p>
  
  <p>I have a query like that:</p>
  
  <pre><code>//get current tab
  $('ul.tabs li &gt; a').click(function () {
  
      var t = $('ul.tabs li:[class="active"]').next().children().attr('href'); 
      alert(t);
  });
  </code></pre>
  
  <p>It's worked however I want to find another query more better than mine.</p>
  
  <p>Thanks !</p>