title: Set the selected item in a select list based on template value
body: <p>How can you correctly pre-populate a select control with the current value from the template?</p>
  
  <p>I have a simple form to edit a record where the values for the selected record are pre-populated when the form is shown. A bit like this:</p>
  
  <pre><code>&lt;input type="text" id="project_name_edit" value="{{selected_name}}"&gt;
  </code></pre>
  
  <p>But where I am using a select control I need to be able to interogate the template value and conditionally set the <code>selected='selected'</code> property for the correct option.</p>
  
  <pre><code>&lt;select id="project_status_edit" value="{{selected_status}}"&gt;
        &lt;option&gt;GOOD&lt;/option&gt;
        &lt;option&gt;BAD&lt;/option&gt;
        &lt;option&gt;UGLY&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>handlesbars.js offers the #IF helper but this only gives truthy or falsy.</p>
  
  <p>I could probably hack this in various way but this seems like a scenario where there would be a standard solution.</p>