title: Browse/iterate each input element of a div
body: <pre><code>&lt;div id="arraydiffid"&gt;
      &lt;input type="hidden" name="array_diff[]" value="0" /&gt;
      &lt;input type="hidden" name="array_diff[]" value="1" /&gt;
      &lt;input type="hidden" name="array_diff[]" value="2" /&gt;
      &lt;input type="hidden" name="array_diff[]" value="3" /&gt;
  
      &lt;div class='hello'&gt;
          somethings
      &lt;/div
  
      &lt;input type="hidden" name="array_diff[]" value="4" /&gt;
  
      &lt;span&gt;hello&lt;/span&gt;
  
      &lt;input type="hidden" name="array_diff[]" value="5" /&gt;        
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I browse only all "input type hidden" children? (and not the rest, as div or span) I tried :</p>
  
  <pre><code>$('#arraydiffid&gt;children').each(function(){
      alert($(this).value());
  }); 
  </code></pre>