title: How to get the <td> tag from table using jQuery?
body: <p>I have a table with several rows and this is how one of the rows look like:</p>
  
  <pre><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;div class="entry_karma" id="entry_karma_9"&gt;
              &lt;h4&gt;4&lt;/h4&gt;
          &lt;/div&gt;
  
          &lt;button type="button" class="btn btn-default btn-md" id="vote_up_9" name="vote_up_9" onclick="vote(9, 'up', 1, 8);" disabled="disabled"&gt;
              &lt;span class="glyphicon glyphicon-arrow-up"&gt;&lt;/span&gt;
          &lt;/button&gt;
  
          &lt;button type="button" class="btn btn-default btn-md" id="vote_down_9" name="vote_down_9" onclick="vote(9, 'down', 1, 6);"&gt;
              &lt;span class="glyphicon glyphicon-arrow-down"&gt;&lt;/span&gt;
          &lt;/button&gt;
  
      &lt;/td&gt;
      &lt;td&gt;Hello&lt;/td&gt;
      &lt;td&gt;2014&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I want to get the value of the <code>div</code> inside the first <code>td</code> in this <code>tr</code>. I have buttons in the same <code>td</code> and when I click them I go to a function and I need access to the row in that function.</p>
  
  <p>I have tried the following</p>
  
  <pre><code>console.log($(this).closest("tr"));
  console.log($(this).closest("tr").find(".div"));
  </code></pre>
  
  <p>but I keep getting </p>
  
  <pre><code>[prevObject: m.fn.init[1], context: undefined]
  </code></pre>
  
  <p>I want to access to this row and the access to the previous and next row as well but I am not able to see where I'm going wrong here.</p>
  
  <p>Thank you.</p>