title: jQuery map cells in table
body: <p>I have a table with a rather simple structure each row is formatted like so:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;some text&lt;/td&gt;
      &lt;td&gt;&lt;input value="somevalue"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input value="somevalue"&gt;&lt;/td&gt;
      &lt;td&gt;&lt;input value="somevalue"&gt;&lt;/td&gt;
      &lt;td&gt;
          &lt;select&gt;
              &lt;option&gt;some option&lt;/option&gt;
              &lt;option&gt;some option&lt;/option&gt;
              &lt;option&gt;some option&lt;/option&gt;
          &lt;/select&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I would like to find a way to get the values for each input and the selected value for the select and place them in an array. what is the correct way to get that info? I have tried</p>
  
  <pre><code>$('td').each(function(){
      $(this).find('input').val();//Only returns the first input value
  }
  </code></pre>
  
  <p>Any help would be greatly appreciated.</p>