title: JSRender/JSView repeat all template when I use for loop
body: <p>I have an array with this format:</p>
  
  <pre><code>{[
  { title : "", artist : "" },
  { title : "", artist : "" },
  { title : "", artist : "" },
  { title : "", artist : "" }
  ]}
  </code></pre>
  
  <p>When I try print the data, I get the full template n times (Json data lenght). I have:</p>
  
  <pre><code>var list = new Array();
  list.push({ title : **data**, artist : **data** });
  var songsTemplate = $.templates("#topSongsTemplate");
  var html = songsTemplate.render(list);
  $("#topSongs").html(html);
  </code></pre>
  
  <p>I only want the for of my template repeats. But I get the full template all times repeated across my div. I am missing something?:</p>
  
  <pre><code>&lt;script type="text/x-jsrender" id="topSongsTemplate"&gt;
      &lt;div class="col-md-6"&gt;
          &lt;i class="fa fa-trophy"&gt;&lt;/i&gt; &lt;span data-i18n="search.top_tracks"&gt;Top 20 Tracks&lt;/span&gt;
          &lt;div class="separator hr-line-dashed m-t-xs"&gt;&lt;/div&gt;
          &lt;ol&gt;
              {{for ~root }}
                  &lt;li&gt;{{&gt;title}} - &lt;small&gt;{{&gt;artist}}&lt;/small&gt;&lt;/li&gt;
              {{/for}}
          &lt;/ol&gt;
      &lt;/div&gt;
      &lt;/script&gt;
  </code></pre>