title: How to get nth child value using jquery
body: <p>I have following html:</p>
  
  <pre><code> &lt;div id="buildyourform"&gt;
  
      &lt;div class="fieldwrapper" id="field1"&gt;
          &lt;input type="text" placeholder="Co-Author Name" class="fieldname m-wrap medium"&gt;
          &lt;input type="text" placeholder="Co-Author Affiliation/Organization" class="fieldtype m-wrap medium"&gt;
      &lt;/div&gt;
      &lt;div class="fieldwrapper" id="field2"&gt;
          &lt;input type="text" placeholder="Co-Author Name" class="fieldname m-wrap medium"&gt;
          &lt;input type="text" placeholder="Co-Author Affiliation/Organization" class="fieldtype m-wrap medium"&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to get value of input boxes from each of the div of buildyourform</p>
  
  <pre><code>&lt;script&gt;
      $('#buildyourform &gt; div:nth-child(i) &gt; input.fieldname').val()
  &lt;/script&gt;
  </code></pre>
  
  <p>I tried above code but it's not working please help.</p>