Apply event on children element in jquery
<p>I want to write my custom jquery tooltip code for selected dropdown list.below is my html code structure.I want to display tooltip on hover of ? (question mark) in span tag. I have write jquery code but it does not work.My question is that how apply event of children element (like span children of div).I have already tried below jquery code but it does not work.</p>

<p>Dropdown fill up on page load using ajax. </p>

<p><strong>Javascript code</strong> </p>

<pre><code>$(document).ready(function(){

    // first code not working

    $('#sub_cat_tooltip').hover(function(){
        alert("Title :"+$("#subcat option:selected").attr( "title"));
    });

    // second code not working

    $('#subcatdrp p #sub_cat_tooltip').hover(function(){
        alert("Title :"+$("#subcat option:selected").attr( "title"));
    });

    // third code not working

    $('#subcatdrp &gt; p &gt; #sub_cat_tooltip').hover(function(){
        alert("Title :"+$("#subcat option:selected").attr( "title"));
    }); 

    // fourth 
    // try all above try using onmouseover event

    $('#sub_cat_tooltip').onmouseover(function(){
        alert("Title :"+$("#subcat option:selected").attr( "title"));
    });
});
</code></pre>

<p><strong>HTML Code</strong></p>

<pre><code>&lt;div id="subcatdrp"&gt;
    &lt;p&gt;
        &lt;label for="subcategory"&gt;Sub Category:&lt;/label&gt;
        &lt;select id="subcat" name="subcat"&gt;
        &lt;/select&gt;
    &lt;/p&gt;
    &lt;span id="sub_cat_tooltip" class="tooltip_img"&gt;?&lt;/span&gt; 
&lt;/div&gt;
</code></pre>
