title: how can I render this JSON use mustache.js without loop
body: <p>here is the JSON: </p>
  
  <pre><code>   var data = [
              {
                  "event": {
                      "name": "txt1",
                      "data": "2011-01-02",
                      "address": "Guangzhou Tianhe Mall"
                  }
              },
              {
                  "event": {
                      "name": "txt2",
                      "data": "2011-01-02",
                      "address": "Guangzhou Tianhe Mall"
                  }
              },
              {
                  "event": {
                      "name": "txt3",
                      "data": "2011-01-02",
                      "address": "Guangzhou Tianhe Mall"
                  }
              }
          ];
  </code></pre>
  
  <p>and my mustache template is:</p>
  
  <pre><code>        {{#event}}
              &lt;div&gt;
                  &lt;h2&gt;{{name}}&lt;/h2&gt;
                  &lt;span&gt;on {{data}}&lt;/span&gt;
                  &lt;p&gt;{{address}}&lt;/p&gt;
              &lt;/div&gt;
          {{/event}
  </code></pre>
  
  <p>so the template code above don not work.What I do now is make a <code>for</code> loop :</p>
  
  <pre><code> var html = "";
   for(var i = 0; i &lt; data.length; i++){
          html += Mustache.to_html(tmp, data[i]);
   }
  </code></pre>
  
  <p>Any better way to make it works without any loop?  </p>