title: jQuery count each first li element with class name
body: <p>I wanna count each first li element with class names, here is my code:</p>
  
  <pre><code>&lt;div&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a class="active" index="0" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="" index="1" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="" index="2" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a class="" index="0" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="active" index="1" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="" index="2" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a class="active" index="0" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="" index="1" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a class="" index="2" href="#"&gt;selector1&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>var countz = $('div ul').filter(function(){
      return $(this).find('.active:first').length; }).length;
  
  alert(countz);
  </code></pre>
  
  <p>but my result shows 3. It should be 2 according to this html any ideas ? thanks!</p>
  
  <p>here fiddle: <a href="http://jsfiddle.net/Tf7g8/" rel="nofollow">http://jsfiddle.net/Tf7g8/</a></p>