title: Any use of #if inside my #each loop in my Handlebars template causes the browser page to crash
body: <p>This is pretty basic, but I've spent hours trying to figure out why I can't seem to use Handlebars's built-in #if helper inside the #each loop of my template. The second I insert a reference to {{#if}}, Chrome (or Safari) crash and the console reports: </p>
  
  <pre><code>Uncaught RangeError: Maximum call stack size exceeded
  meta
  targetSetFor 
  sendEvent
  Ember.Evented.Ember.Mixin.create.trigger
  Ember.CoreView.Ember.Object.extend.trigger
  newFunc
  (anonymous function)
  Ember.View.Ember.CoreView.extend.invokeRecursively
  newFunc
  </code></pre>
  
  <p>(repeats many times)</p>
  
  <p>Why is this causing me a recursion fault in Ember? </p>
  
  <pre><code>&lt;div id="gridChannelListDiv" tabindex="0"&gt;
  {{#each item in content}}
      {{#if item.hilight}}
          &lt;div class="gridCellHilight"&gt;
              ...
          &lt;/div&gt;
      {{else}}
          &lt;div class="gridCell"&gt;
              ...
          &lt;/div&gt;
      {{/if}}
  {{/each}}
  &lt;/div&gt;
  </code></pre>
  
  <p>This happens even if the {{#if}} statement does nothing.</p>
  
  <pre><code>&lt;div id="gridChannelListDiv" tabindex="0"&gt;
  {{#each item in content}}
      {{#if}}{{/if}}   // this line will cause instant "oh snap" crash
  
      &lt;div class="gridCell"&gt;
          {{item.name}}
      &lt;/div&gt;
  {{/each}}
  &lt;/div&gt;
  </code></pre>
  
  <p>The associated ArrayController contains a simple list of 5 Ember objects in "content" and the templates work fine until I insert an #if. 
  Baffled. </p>