title: Finding which <Option> is selected in <select> (without JQuery)
body: <p>I have the following Element:</p>
  
  <pre><code>&lt;select id="color" name="colorId" class="btn secondary"&gt;
      &lt;option value="347366" selected="selected"&gt;Purple&lt;/option&gt;
      &lt;option value="56634"&gt;White&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>And I want to find which option is selected:</p>
  
  <p>The following give me only the default:</p>
  
  <pre><code>document.querySelector('#color option[selected="selected"]')
  </code></pre>
  
  <p>(I know how to do it with JQuery but, I can't use jQuery or any other similar library) </p>