title: Binding boolean values to radio buttons
body: <p>When I bind a boolean variable to radio buttons with true/false values, the radio buttons' checked status does not get set when the template first loads -- both remain unchecked.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>new Ractive({
      template: "#template",
      el: "#output",
      data: {
          accept: true
      }
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="//cdn.ractivejs.org/latest/ractive.js"&gt;&lt;/script&gt;
  &lt;div id="output"&gt;&lt;/div&gt;
  &lt;script id="template" type="text/html"&gt;
      &lt;input type="radio" name="{{ accept }}" value="true" /&gt; Yes
      &lt;input type="radio" name="{{ accept }}" value="false" /&gt; No
      &lt;br/&gt;
      accept = {{ accept }}
  &lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But once I click the radio buttons, their checked statuses do become in sync with the boolean variable.</p>
  
  <p>How can I get this binding to work? Is it a bug with Ractive or am I doing something wrong?</p>
  
  <p>I can work around the problem by changing my boolean variable to a string (<code>accept: "true"</code>) but that really wouldn't be ideal.</p>