Select div text next to clicked button within table row
<p>Here is a sample table. </p>

<pre><code>&lt;table class="table table-bordered"&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;tr&gt;
    &lt;td&gt;Stuff&lt;div id="ParentID" style="display:none"&gt;145689&lt;/div&gt;&lt;/td&gt;
    &lt;td&gt;&lt;button class="btn btn-small"&gt;Send&lt;/button&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;   
&lt;/table&gt;
</code></pre>

<p>I want to select the text within the div tag where id=ParentID that is closest to that button clicked.  I will have multiple row in the future so it has to be unique to that row.</p>

<p>I have right now    </p>

<pre><code>var qry =  $(this).closest('#ParentID').text();
</code></pre>

<p>Doesn't work obviously</p>
