title: maximum call stack size exceeded error in chrome using jquery templates
body: <p>I'm loading more than 7000 records and displaying them on my page.</p>
  
  <p>Firefox is doing just fine but I'm having an error using Chrome</p>
  
  <p>Partial code:</p>
  
  <pre><code>&lt;tbody&gt;
      {{each(i, item) value}}
      &lt;tr&gt;
          &lt;td class="item_action"&gt;
              &lt;a class="edit_item" data-item="${item.id}"&gt;
                  &lt;img src="path/to/image_edit.png" /&gt;
              &lt;/a&gt;
  
              &lt;img src="path/to/image_separator.png" /&gt;
  
              &lt;a class="delete_item" data-item="${item.id}"&gt;
                  &lt;img src="path/to/image_delete.png" /&gt;
              &lt;/a&gt;
          &lt;/td&gt;
          &lt;td class="item_name"&gt;${item.name}&lt;/td&gt;
      &lt;/tr&gt;
      {{/each}}
  &lt;/tbody&gt;
  </code></pre>
  
  <p>If instead of the above I render this:</p>
  
  <pre><code>&lt;tbody&gt;
      {{each(i, item) value}}
      &lt;tr&gt;
          &lt;td class="item_name"&gt;${item.name}&lt;/td&gt;
      &lt;/tr&gt;
      {{/each}}
  &lt;/tbody&gt;
  </code></pre>
  
  <p>Then Chrome has no problem. So I guess it has something to do with the size of HTML I'm trying to render as I've read <a href="http://shareddev.blogspot.com.ar/2011/11/javascript-maximum-call-stack-size.html" rel="nofollow">here</a>.</p>
  
  <p>Is there a solution for this issue? I</p>