title: read <td> and then load popup when clicked
body: <p>I want to make a table row completely clickable by embedding a hidden <code>&lt;td&gt;</code> containing a link like so:</p>
  
  <pre><code>&lt;tr class="simplehighlight junk" &gt;
    &lt;td&gt;07/09/2011&lt;/td&gt;
    &lt;td&gt;Jennifer Woods Memorial GP&lt;/td&gt;
    &lt;td&gt;A52&lt;/td&gt;
    &lt;td&gt;Harris, Fred&lt;/td&gt;
    &lt;td&gt;1900&lt;/td&gt;
    &lt;td&gt;Nikolayev, Igor&lt;/td&gt;
    &lt;td&gt;2395&lt;/td&gt;
    &lt;td class="text-center"&gt;0-1&lt;/td&gt;
    &lt;td style='display:none;visibility:hidden;\'&gt; games/game1242.php &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I was using colorbox to target the table cell like so:</p>
  
  <pre><code>&lt;!--colorbox--&gt;
  &lt;script src="./js/jquery.colorbox-min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
    $('tr.junk').colorbox(
      {
        iframe:true,
        transition:'elastic',
        speed:'100',
        width:1030,
        height:550,
        href: function(){
          return $(this).find('td').eq(8).text();
        }
      }
    );
  &lt;/script&gt;
  </code></pre>
  
  <p>But I am want to use jquery:</p>
  
  <pre><code>&lt;!--Another Pop-up for games table--&gt;
  &lt;script src="./js/jquery.popupWindow-min.js" &gt;&lt;/script&gt; 
  &lt;script&gt;
    $('.diagram-popup').popupWindow({centerBrowser:1, height:560, width:1024});
  &lt;/script&gt; 
  </code></pre>
  
  <p>How can I add the class <code>diagram-popup</code> to the 8th table data cell and have the row, when clicked, read the contents of that cell? </p>