Getting unknown child div from parent?
<pre><code>&lt;script type="text/javascript"&gt;
$(".inventory-notes").bind("click", function() {
    if($(this).text().length &gt; 0) {
        alert($(this).text());
        alert($(this).closest(".inventory-notes").children().text());
    }
});
&lt;/script&gt;
</code></pre>

<p>example table</p>

<pre><code>&lt;table id="inventory" class="table"&gt;
    &lt;thead&gt;
        &lt;tr&gt;
            &lt;th&gt;Item&lt;/th&gt;
            &lt;th&gt;Value&lt;/th&gt;
            &lt;th&gt;Usage&lt;/th&gt;
            &lt;th&gt;Notes&lt;/th&gt;
        &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
        &lt;tr class="items"&gt;
            &lt;td&gt;Hatchet&lt;/td&gt;
            &lt;td&gt;24,000 Gold&lt;/td&gt;
            &lt;td&gt;Woodcutting&lt;/td&gt;
            &lt;td&gt;&lt;div class="inventory-notes"&gt;&lt;div id="299"&gt;&lt;img src="addnotes.png"&gt;&lt;/div&gt;&lt;/div&gt;&lt;/td&gt;
        &lt;/tr&gt;
    &lt;/tbody&gt;
&lt;/table&gt;
</code></pre>

<p>How can I get the value 299 from the child div of <code>inventory-notes</code>? The table really contains at least 1,000 rows of items each containing a random ID.</p>

<p>I am using jQuery 1.6.2 so I cannot use the <code>.on() function.</code></p>
