jquery Autocomplete click event
<pre><code>&lt;div id="display"&gt;
    &lt;div align="left" class="display_box"&gt;
        &lt;a class="test" href="#"&gt;
            &lt;img style="width:25px; float:left; margin-right:6px" src="user_img/gow.jpg"&gt;
        &lt;/a&gt;
        &lt;input type="hidden" id="uid" value="3"&gt;
        &lt;b&gt;b&lt;/b&gt;ack&amp;nbsp;&lt;b&gt;b&lt;/b&gt;ack&lt;br&gt;
        &lt;span style="font-size:9px; color:#999999"&gt;back&lt;/span&gt;
    &lt;/div&gt;
    &lt;div align="left" class="display_box"&gt;
        &lt;a class="test" href="#"&gt;
            &lt;img style="width:25px; float:left; margin-right:6px" src="user_img/gow.jpg"&gt;
        &lt;/a&gt;
        &lt;input type="hidden" id="uid" value="3"&gt;
        &lt;b&gt;b&lt;/b&gt;ack&amp;nbsp;&lt;b&gt;b&lt;/b&gt;ack&lt;br&gt;
        &lt;span style="font-size:9px; color:#999999"&gt;back&lt;/span&gt;
    &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I am making this auto complete  search function with images in thumbnail like facebook and getting this as html after ajax call .
what i want to do is that if user clicks on any div with class display_box i want to get the value of hidden field in the div... </p>

<p>I tried this code but its not capture click event  how ever if I use #display click event capturing but that is for whole div.</p>

<pre><code>$('.display_box').click(function() {
    var id =$(this).find('input[type=hidden]').val();
});    
</code></pre>
