Select option hover in and out jquery
<p>I have a select dropdown and certain number of options in that.</p>

<p>I want to change color of options whenever i hover in and out of the option.</p>

<p>Like :- when i hover on a option the color should turn to red and when i hover out i should be transparent again.</p>

<p>it is not working proper.</p>

<p>JS</p>

<pre><code>$("select").hover(function (e){
    var $target = $(e.target); 
    if($target.is('option')){
        $target.css('background-color', 'red');
    }
});
</code></pre>

<p>HTML</p>

<pre><code>&lt;select class="select1" size="8" &gt;
 &lt;option&gt;Ajwa Finance Ltd. &lt;/option&gt;
 &lt;option&gt;Ajwa Fun World &amp; Resort Ltd. &lt;/option&gt;
 &lt;option&gt;Akar Tools Ltd.&lt;/option&gt;
 &lt;option&gt;Akasaka Electronics Ltd.&lt;/option&gt;
 &lt;option&gt;Akash Agencies Ltd.&lt;/option&gt;
 &lt;option&gt;Akash Agro Inds. Ltd.&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>Please help me with this</p>

<p>Thanks</p>
