JQuery selectmenu how to style some options differently
<p>Probably a simple one guys but I'm really struggling with it. Would really appreciate some help or advice if anyone can offer it, thanks.</p>

<p>I'm using JQuery selectmenu and all I would like to do is set a different style for any OPTION that has a particular class. The class is "outofstock", so my code is as follows;</p>

<pre><code>&lt;select name="dd1" id="dd1"&gt;
    &lt;option value="1"&gt;item 1&lt;/option&gt;
    &lt;option value="2" class="outOfStock"&gt;item 2&lt;/option&gt;
    &lt;option value="3"&gt;item 3&lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>I would just like the second option that has class="outOfStock", to be styled with a different text or BG colour.</p>

<p>I have tried many (many, MANY) variations on this but just cannot get anything to work.</p>

<pre><code>&lt;style type="text/css"&gt;
.ui-selectmenu-menu-item .outOfStock{background:red;}
&lt;/style&gt;
</code></pre>

<p>Any pointers would be appreciated, thanks.</p>
