title: Handlebar custom helper stuck on "doesn't match each"
body: <p>I want to make certain elements lowercase by using handlebars (I know it's possible with CSS, but you can't do that for classnames for example). Anyhow, I am getting this error:</p>
  
  <pre><code>Uncaught Error: toLowerCase doesn't match each
  </code></pre>
  
  <p>My code:</p>
  
  <pre><code>    &lt;script id="icon-template" type="text/x-handlebars-template"&gt;
          {{#each results}}
          &lt;li&gt;
              &lt;div class="content"&gt;
                      &lt;i class="Icon icon-{{#toLowerCase contentType}}"&gt;&lt;/i&gt;
              &lt;/div&gt;
         &lt;/li&gt;
         {{/each}}
      &lt;/script&gt;
  </code></pre>
  
  <p>Custom helper:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  Handlebars.registerHelper("toLowerCase", function(input) {
      var output = input.toLowerCase();
      return output.replace(" ", "");
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>What am I doing wrong?</p>