How does value effect val()?
<p>I am able to set the selected item in an html <code>select</code> item using jQuery's <code>val()</code> function.  <a href="http://jsfiddle.net/smacky311/Pa4Pa/6/" rel="nofollow">For example</a>,</p>

<pre><code>&lt;select id="selector"&gt;
    &lt;option&gt;&lt;/option&gt;
    &lt;option&gt;Care Bears&lt;/option&gt;
    &lt;option&gt;Yo Gabba Gabba&lt;/option&gt;
&lt;/select&gt;

&lt;input id="selectButton" type="button" value="Care Bears" /&gt;
</code></pre>

<hr />

<pre><code>$('#selectButton').click(function() {
    $('#selector').val('Care Bears');//change the selected value to care bears
});
</code></pre>

<p>But, if I <a href="http://jsfiddle.net/smacky311/Pa4Pa/7/" rel="nofollow">modify</a> the code slightly,</p>

<p><code>&lt;option value=""&gt;Care Bears&lt;/option&gt;</code></p>

<p><code>val()</code> breaks.  Why is this?</p>
