jquery handle mouseover mouseleave option
<p>I have the following isse:</p>

<p>I have a select menu like this:</p>

<pre><code>&lt;select id="selectClass" name="bookClass" data-native-menu="false" data-mini="true"&gt;
    &lt;option selected="selected" value="A"&gt;CLASS A&lt;/option&gt;
    &lt;option value="B"&gt;CLASS B&lt;/option&gt;
    &lt;option value="C"&gt;CLASS C&lt;/option&gt;
    &lt;option value="D"&gt;CLASS D&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>and I want to handle the <code>mouseover</code> and <code>mouseleave</code> event for each option element of the <code>&lt;select&gt;</code> (I don't want handle the mouseover, mouseleave event for the select). How can I do that? </p>
