title: Using jQuery to count all inputs nested in div
body: <p><strong>I have a setup basically like this:</strong></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div id="container"&gt;
      &lt;div class="field_shell"&gt;
          &lt;label for="name"&gt;Name&lt;/label&gt;
          &lt;input type="text" name="name" id="name" class="field"&gt;
      &lt;/div&gt; 
      &lt;div class="field_shell"&gt;
          &lt;label for="age"&gt;Age&lt;/label&gt;
          &lt;input type="text" name="age" id="name" class="field"&gt; 
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Except on a larger scale, there are three sets of <code>#container</code>, each <code>#container</code> holding several (and varying amounts of) div.field_shell elements. Most div.field_shell hold only one input, but a few do hold two separate input elements.</p>
  
  <p>My issue is how I can count the number of input elements in each #content. Bonus points for giving some insight on the best method of checking if each input in each #container div is filled, and returning specific results if so. </p>
  
  <p>I assume <code>.length</code> is viable here, but I am stumped. Especially on checking the "status" of each <code>#container</code> (by status, I mean if each input within that <code>#container</code> is filled, and not empty). </p>
  
  <p>Thank you guys so much for reading through, and thank you more for helping :)</p>