title: select value of first td while looping through tr in a table - jquery
body: <p>Good day to all,</p>
  
  <p>I have a table with rows and values like below</p>
  
  <pre><code>&lt;tr id="value_12"&gt;
      &lt;td&gt;firstanme_1&lt;/td&gt;
      &lt;td&gt;lastname_1&lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr id="value_14"&gt;
      &lt;td&gt;firstanme_2&lt;/td&gt;
      &lt;td&gt;lastname_2&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>and the jquery i am using is (which is abviously wrong).</p>
  
  <pre><code>$('#table_id tr').each(function() {
      serializedData += '&amp;' + $(this).attr('id') + '=' + $(this).attr('id')+'_'+$(:first_child).text();
  });
  </code></pre>
  
  <p>I am looking to extract only the first  i.e firstname of each tr along with the tr attributes as last part of the serialisedData string(the last value, after the delimiter '_' ).</p>
  
  <p>i may be something like $(this).firstchild().text()  .. but it doesn't seem to work.
  can someone please help with the correct way to get the first child in this case.</p>