title: HTML select option showing "wrong" value
body: <p>In express I am rendering a handlebar template populating a form with values.</p>
  
  <p>To populate my select options I set the "value" property of my select node like so:</p>
  
  <pre><code>&lt;select class="inputField" name="gender" value="female"&gt;
      &lt;option value="male"&gt;Männlich&lt;/option&gt;
      &lt;option value="female"&gt;Weiblich&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Visually the male option is selected though. Can anyone explain why this is happening?</p>
  
  <p>EDIT 1:</p>
  
  <p>I am aware of the selected property, but it makes stuff more complicated when templating, so I'd rather pass down the selected value.</p>
  
  <p>But to be more precise on my original question:</p>
  
  <p>why does this work then:</p>
  
  <pre><code>var genderEl = document.getElementById('genderSelect');
      genderEl.value = "female";
  </code></pre>