title: How to set selected select option in Handlebars template
body: <p>With a Handlebars.js template like this...</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="Completed"&gt;Completed&lt;/option&gt;
      &lt;option value="OverDue"&gt;OverDue&lt;/option&gt;
      &lt;option value="SentToPayer"&gt;SentToPayer&lt;/option&gt;
      &lt;option value="None"&gt;None&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>... and data like this...</p>
  
  <pre><code>{
      "id"     : 1,
      "name"   : "World"
      "status" : "OverDue",
      "date"   : "2012-12-21"
  }
  </code></pre>
  
  <p>I want to render HTML like this.</p>
  
  <pre><code>&lt;select&gt;
      &lt;option value="Completed"&gt;Completed&lt;/option&gt;
      &lt;option value="OverDue" selected="selected"&gt;OverDue&lt;/option&gt;
      &lt;option value="SentToPayer"&gt;SentToPayer&lt;/option&gt;
      &lt;option value="None"&gt;None&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Which way is the easiest?</p>