jquery :selected not working as expected
<p>I have the following snippet of a HTML select box:</p>

<pre><code>&lt;select id="Obj_cboscreen" class="menubarselect" name="page"&gt;
&lt;option att="1stOption" value="0" selected=""&gt;abc&lt;/option&gt;
&lt;option att="2ndOption" value="1"&gt;def&lt;/option&gt;
</code></pre>

<p>When I run the following pieces of code:</p>

<pre><code>var attribute = $('#Obj_cboscreen :selected').attr('att');
var name = $('#Obj_cboscreen :selected').html();
</code></pre>

<p>I get 1stOption and abc (respectively).</p>

<p>When I change the select box to a different option, for example:</p>

<pre><code>&lt;select id="Obj_cboscreen" class="menubarselect" name="page"&gt;
&lt;option att="1stOption" value="0"&gt;abc&lt;/option&gt;
&lt;option att="2ndOption" value="1" selected=""&gt;def&lt;/option&gt;
</code></pre>

<p>I get the same results of the output before.</p>

<p><strong>"1stOption and abc"</strong></p>

<p>Now I noticed the selected="".  That doesn't look right, I've looked around in the project and I'm unable to find where that is being produced, but it is rendering properly.</p>

<p>I'm wondering why the selected selector isn't working properly?</p>
