title: jQuery to get the values of td inside a table
body: <pre><code>&lt;table id="GridView1"&gt;
   &lt;tr&gt;
      &lt;th&gt;KeyWord&lt;/th&gt;
      &lt;th&gt;Identifiers&lt;/th&gt;
      &lt;th&gt;Values&lt;/th&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
      &lt;td&gt;
          &lt;select &gt;
             &lt;option selected="selected" value="Action A"&gt;Action A&lt;/option&gt;
             &lt;option  value="Action b"&gt;Action b&lt;/option&gt;
             &lt;option value="Action C"&gt;Action C&lt;/option&gt;
          &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;textarea &gt;adsasd&lt;/textarea&gt;
      &lt;/td&gt;
          &lt;td&gt;
          &lt;textarea &gt;dsad&lt;/textarea&gt;
      &lt;/td&gt;
   &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td&gt;
          &lt;select &gt;
             &lt;option value="Action A"&gt;Action A&lt;/option&gt;
             &lt;option selected="selected" value="Action b"&gt;Action b&lt;/option&gt;
             &lt;option value="Action C"&gt;Action C&lt;/option&gt;
          &lt;/select&gt;
      &lt;/td&gt;
      &lt;td&gt;
          &lt;textarea &gt;asdasd&lt;/textarea&gt;
      &lt;/td&gt;
          &lt;td&gt;
          &lt;textarea &gt;sdsad&lt;/textarea&gt;
      &lt;/td&gt;
   &lt;/tr&gt;
   &lt;/table&gt;
  </code></pre>
  
  <p>This is the js.</p>
  
  <pre><code>var xml = '&lt;?xml version="1.0" encoding="utf-8"?&gt;';
  xml = xml + '&lt;Root&gt;';
  i=0;
  $("#GridView1 tr").each(function () {
  
   $(this).find('td').each (function() {
      alert($(this).find('select').val())
  
    alert($(this).find('textarea').val())
  
  
  });
  
  });
  
  xml = xml + '&lt;/Root&gt;'
  alert(xml)
  </code></pre>
  
  <p>I am getting all the values inside the td but also getting undefined. Any idea why ?</p>