title: jquery count siblings does not return correct result?
body: <p>I want to count the <code>sibling</code> by <strong>classes</strong>, </p>
  
  <p>html,</p>
  
  <pre><code>&lt;div class="item-sibling"&gt;1&lt;/div&gt;
  &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;2&lt;/div&gt;&lt;/div&gt;
  &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;3&lt;/div&gt;&lt;/div&gt;
  &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;4&lt;/div&gt;&lt;/div&gt;
  &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;5&lt;/div&gt;&lt;/div&gt;​
  </code></pre>
  
  <p>jquery,</p>
  
  <pre><code>var len = $('.item-sibling').siblings().css({background:'red'}).length;
  alert(len);​​​​ // return 4
  </code></pre>
  
  <p>it does not include <code>&lt;div class="item-sibling"&gt;1&lt;/div&gt;</code></p>
  
  <p>how can I include it?</p>
  
  <p>jsfiddle <a href="http://jsfiddle.net/8Ur3s/" rel="noreferrer">link</a></p>
  
  <p>and if I change the html to,</p>
  
  <pre><code>&lt;div class="item-sibling"&gt;0&lt;/div&gt;
  &lt;div class="item-sibling"&gt;1&lt;/div&gt;
  &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;2&lt;/div&gt;&lt;/div&gt;
  &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;3&lt;/div&gt;&lt;/div&gt;
  &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;4&lt;/div&gt;&lt;/div&gt;
  &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;5&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I will get <code>6</code> this time. Strange!</p>
  
  <p><strong>EDIT,</strong></p>
  
  <pre><code>&lt;div class="group-a"&gt;
      &lt;div class="item-sibling"&gt;1&lt;/div&gt;
      &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;2&lt;/div&gt;&lt;/div&gt;
      &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;3&lt;/div&gt;&lt;/div&gt;
      &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;4&lt;/div&gt;&lt;/div&gt;
      &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;5&lt;/div&gt;&lt;/div&gt;​
  &lt;/div&gt;
  
  
  &lt;div class="group-b"&gt;
      &lt;div class="item-sibling"&gt;1&lt;/div&gt;
      &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;2&lt;/div&gt;&lt;/div&gt;
      &lt;div class="item-holder"&gt;&lt;div class="item-sibling"&gt;3&lt;/div&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>There are series of groups with the <strong>same class</strong>, and I want to count a targeted group's sibling dynamically for instance the <strong>first group</strong>.</p>