title: selected option in select element does not work in react
body: <p>Following code in react shows this error: </p>
  
  <p>"Use the <code>defaultValue</code> or <code>value</code> props on ".</p>
  
  <pre><code>&lt;select&gt;
          &lt;option value="" disabled selected&gt;Choose your option&lt;/option&gt;
          &lt;option value="1"&gt;Option 1&lt;/option&gt;
          &lt;option value="2"&gt;Option 2&lt;/option&gt;
          &lt;option value="3"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>tried this but still does not work: </p>
  
  <pre><code>&lt;select value="1"&gt;
          &lt;option value="" disabled&gt;Choose your option&lt;/option&gt;
          &lt;option value="1"&gt;Option 1&lt;/option&gt;
          &lt;option value="2"&gt;Option 2&lt;/option&gt;
          &lt;option value="3"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Trying to implement as in doc in this <a href="http://facebook.github.io/react/docs/forms.html#why-select-value" rel="nofollow">link</a> but cant make the selected work inside option. Also i am looking to make "choose your option" as a default selected option when the form first loads</p>