title: How do I render Mustache templates with JSON with no root node
body: <p>I am building a small page which calls an API using jquery's getJSON and then renders the data using a mustache template (at least that's the plan). However my JSON does not have a node root and am unable to loop through the JSONs response data using the proper mustache mechanics.</p>
  
  <pre><code>//start
  file : jsonresponse.jsonp
  
  ?([{"CountryIsoAlpha3Code":"AFG","CountryName":"Afghanistan"},
  {"CountryIsoAlpha3Code":"ALA","CountryName":"Åland Islands"},
  {"CountryIsoAlpha3Code":"ALB","CountryName":"Albania"}])
  //end
  
  //start
  file: tmpl.mustache
  
  &lt;option value="{{CountryIsoAlpha3Code}}"&gt;{{CountryName}}&lt;/option&gt;
  //end
  
  //start
  file: render.js
  
  $.getJSON(jsonresponse.jsonp, function(data) { 
     var tpl = tmpl.mustache,
     i=data.length,
     html = '';
       while(i--){
         html = html + mustache.render(tpl, data[i]);
       }
  
  //end
  </code></pre>
  
  <p>I realize this is completely wrong (in the template usage only, assume I am actually passing the data and template properly) but it does work. but what if I want to do the follow... HOW DO I DO IT!?:</p>
  
  <pre><code>//start
  //file : daydreamer.mustache
  
  &lt;h1&gt;This title is only awesome when it's rendered once&lt;/h1&gt;
  {{#}}  //no root node attempt at recursive templating rendering
       &lt;option value="{{CountryIsoAlpha3Code}}"&gt;{{CountryName}}&lt;/option&gt;
  {{/}}
  
  //end  
  </code></pre>
  
  <p>If this is unclear please let me know I know a poor question is an eye sore. I will try to edit as soon as possible. Thanks.</p>