title: Setting the selected value of a Select element in Handlebars
body: <p>I have a handlebars template that I am embedding in my html page. There is a select element with all of the available options already rendered. How can I set the selected value of the select list when I render my template? </p>
  
  <pre><code>&lt;script id="my-template" type="text/x-handlebars-template"&gt;      
      &lt;div id="my-modal"&gt;
        &lt;form action="/TestAction" method="post"&gt;
          &lt;input id="MyId" name="MyId" type="hidden" value="{{MyId}}" /&gt;      
          &lt;label for="Test"&gt;Test: (optional)&lt;/label&gt;
          &lt;select id="Test" name="Test"&gt;
            &lt;option value=""&gt;-- Choose Test --&lt;/option&gt;
            &lt;option value="1"&gt;1&lt;/option&gt;
            &lt;option value="2"&gt;2&lt;/option&gt;
            &lt;option value="3"&gt;3&lt;/option&gt;
            &lt;option value="4"&gt;4&lt;/option&gt;
          &lt;/select&gt;
        &lt;/form&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>