title: get the row data using jquery by clicking buttons for that row
body: <p>I am having issues to get the table data in the row if a button is selected. I have two buttons approve and deny and based on what button user clicks I want to grab the data using query. can get the row numbers and stuff just not the row data. I need to get the id and tester.</p>
  
  <p>here is what I have</p>
  
  <pre><code>&lt;table id="mytable" width="100%"&gt;
  &lt;thead&gt;
  &lt;tr&gt;
  &lt;th&gt;ID&lt;/th&gt;
  &lt;th&gt;Tester&lt;/th&gt;
  &lt;th&gt;Date&lt;/th&gt;
  &lt;th&gt;Approve&lt;/th&gt;
  &lt;th&gt;Deny&lt;/th&gt;
  &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
  &lt;tr class="test"&gt;
  &lt;td class="ids"&gt;11565 &lt;/td&gt;
  &lt;td class="tester"&gt;james&lt;/td&gt;
  &lt;td&gt;2012-07-02 &lt;/td&gt;
  &lt;td&gt;&lt;Button id="Approved" type="submit" &gt;Approved&lt;/button&gt;
  &lt;/td&gt;
  &lt;td&gt;&lt;Button id="deny_0" type="submit" &gt;Denied&lt;/button&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>here is my javascript to get the tr and td number but I am not sure how to use it to get what I need</p>
  
  <pre><code>$(document).ready(function() {  
  
      /*$('#cardsData .giftcardaccount_id').each(function(){
  
          alert($(this).html());
       }); */
      $('td').click(function(){
            var col = $(this).parent().children().index($(this));
            var row = $(this).parent().parent().children().index($(this).parent());
            alert('Row: ' + row + ', Column: ' + col);
           // alert($tds.eq(0).text());
            console.log($("tr:eq(1)"));
           // $("td:eq(0)", this).text(),
  
          });
  
  
  });
  </code></pre>