Jquery accessing divs problem
<pre><code>$('div#searchResult &gt; div#searchResultItem &gt; div#item').hover(function() 
{
      alert($(this).text());
});
</code></pre>

<p>Hi guys. Im doing a quick application on what i have learned on a tutorial site for jquery. I think of other ways on applying the functionality and came up with this code.
The problem is I can't access the #item div content. Any help would be highly appreciated. 
Thanks and more power to stackoverflow guys. Cheers!</p>

<pre><code>&lt;div id="searchResult"&gt;
     &lt;div id="searchResultItem"&gt; 
        &lt;div id="item"&gt;Some item&lt;/div&gt;
     &lt;/div&gt;
&lt;/div&gt; 
</code></pre>
