How to get table value with jQuery, run PHP function then append result to table
<p>1: I'm loading a table <code>onclick</code> as follows:</p>

<pre><code>$(document).ready(function() { 
  $("#myTable").tablesorter(); 
    $("#ajax-append").click(function() { 
      $.get("get_data.php", function(html) { 
        $("#myTable tbody").append(html);              
        $("#myTable").trigger("update"); 
      }); 
    return false; 
  });         
}); 
</code></pre>

<p>2: The table populates three columns as follows:</p>

<pre><code>&lt;table id="myTable"&gt;             
  &lt;thead&gt;
    &lt;tr&gt; 
      &lt;th class="header"&gt;header 1&lt;/th&gt; 
      &lt;th class="header"&gt;header 2&lt;/th&gt; 
      &lt;th class="header"&gt;header 3&lt;/th&gt; 
    &lt;/tr&gt; 
  &lt;/thead&gt; 
  &lt;tbody&gt;  
    &lt;tr&gt;
      &lt;td id="col1_1"&gt;value 1&lt;/td&gt;
      &lt;td id="col2_1"&gt;value 2&lt;/td&gt;
      &lt;td id="col3_1"&gt;&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
      &lt;td id="col1_2"&gt;value 1&lt;/td&gt;
      &lt;td id="col2_2"&gt;value 2&lt;/td&gt;
      &lt;td id="col3_2"&gt;&lt;/td&gt;
    &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>...etc (100's of rows... )</p>

<ol>
<li>Once the table is loaded - I'd like to get the value of col1 and pass it into a function ie/ <code>get_result.php?data=col1</code> and put this into <code>col3</code> for the entire table using jQuery and showing a loading gif for each row while the function runs...</li>
</ol>

<p>Can anyone get me started how I could achieve this. Thanks!</p>
