title: jQuery: How to count children within element with class
body: <p>I have multiple 'div' elements with the same class 'column' and within each one I've got an unordered list 'ul' with class 'list' and elements 'li' with class 'item'.</p>
  
  <p>The number of 'li.item' vary depends on different 'column'. 
  How can I count the number of 'li.item' within a single 'column'?</p>
  
  <p>I tried:</p>
  
  <pre><code>&lt;div class="column"&gt;
  &lt;ul class="list"&gt;
  &lt;li class="item"&gt;item 1&lt;/li&gt;
  &lt;li class="item"&gt;item 2&lt;/li&gt;
  &lt;li class="item"&gt;item 3&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="column"&gt;
  &lt;ul class="list"&gt;
  &lt;li class="item"&gt;item 4&lt;/li&gt;
  &lt;li class="item"&gt;item 5&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="column"&gt;
  &lt;ul class="list"&gt;
  &lt;li class="item"&gt;item 6&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://jsfiddle.net/u0hj58xe/" rel="nofollow noreferrer">https://jsfiddle.net/u0hj58xe/</a></p>
  
  <p>I wolud like to have: 3 , 2 , 1 insted of 6,6,6  (each div treated separately).</p>