title: Get innertext of a <td> and append new row with results
body: <p>I have some data formatted into a table.  I want to setup an onclick button that will get the url of a link inside one of the TD's in the row and then load the results in a row below.  Here's an example of a row.  Assume there are no ID's in the table.  </p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;Title of something&lt;/td&gt;
      &lt;td&gt;&lt;a href="link_to_something.html"&gt;Link&lt;/&gt;&lt;/td&gt;
      &lt;td&gt;&lt;button onclick="load_file(this.??);"&gt;Show Page&lt;/button&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>The javascript will need to:</p>
  
  <pre><code>function load_file( , ) {
      //  get the url in the second &lt;td&gt;
      //  urlencode the url
      //  append a new &lt;tr&gt;&lt;td colspan="3"&gt;&lt;/td&gt;&lt;/tr&gt; below
      //  load some_file.php and pass the variable (file_url) and value (urlencoded) using the .load method in JQuery and load the results into the newly appended &lt;td&gt;
      }
  </code></pre>
  
  <p>I have read up on the .load method in JQuery.  Is it possible to load the results if the TD has no ID?</p>
  
  <p>I guess I could set an ID for all the Table elements if this proves too difficult without ID's, but just trying keep my php script simple and do the "as needed" stuff with JQuery.</p>