title: jQuery: how to get val() of children('input').eq?
body: <p>There's three input fields inside '.edit'. How to get the value of each one of them using jQuery?</p>
  
  <pre><code>$submit.click(value);      
  
  function value () {
      for (var i = 0; i &lt; 3; i++) {
          var $input = $('.edit').children('input').eq(i).val();
          console.log($input);
      }
  }
  
  &lt;div class="edit"&gt;
      &lt;h3&gt;Headline&lt;/h3&gt;
      &lt;span&gt;Text&lt;/span&gt;
      &lt;input type="text" id="one"&gt;
      &lt;span&gt;Text&lt;/span&gt;
      &lt;input type="text" id="two"&gt;
      &lt;span&gt;Text&lt;/span&gt;
      &lt;input type="text" id="three"&gt;
      &lt;button class="submit"&gt;Submit&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Doesn't work. Why? And also is it possible to set a default value: <code>.val() || 'unknown'</code>?</p>