How to set selected select option in Handlebars template
<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>
