title: Swap default selected select options with pure Javascript
body: <p>I have a select box as follows</p>
  
  <pre><code>&lt;select&gt;
  &lt;option value="yes"&gt;Yes&lt;/option&gt;
  &lt;option value="No" selected="selected"&gt;No&lt;/option&gt;
  &lt;option value="Maybe"&gt;Maybe&lt;/option&gt;
  &lt;option value="So"&gt;So&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I would like</p>
  
  <pre><code>&lt;select&gt;
  &lt;option value="yes"&gt;Yes&lt;/option&gt;
  &lt;option value="No"&gt;No&lt;/option&gt;
  &lt;option value="Maybe" selected="selected"&gt;Maybe&lt;/option&gt;
  &lt;option value="So"&gt;So&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>*note default selection is now "Maybe" instead of "No"</p>
  
  <p>I learned jquery before really getting comfortable with pure JavaScript. So im trying to learn it.</p>