title: Mustache not rendering JSON data
body: <p>So, I have just started with Mustache JS. I have this simple html file</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;title&gt;JavaScript Mustache template&lt;/title&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;script src="https://code.jquery.com/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;script id="mp_template" type="text/template"&gt;
          &lt;p&gt;Country: {{ name }}&lt;/p&gt;
          &lt;p&gt;Capital: {{ capital }}&lt;/p&gt;
          &lt;p&gt;Flag: &lt;img src={{{ flag }}} &gt;&lt;/p&gt;
      &lt;/script&gt;
      &lt;div id="mypanel"&gt;&lt;/div&gt;
      &lt;button id="btn"&gt;Load&lt;/button&gt;
      &lt;script&gt;
          $(function () {
              $("#btn").on('click', function () {
                  $.getJSON('https://restcountries.eu/rest/v2/name/aruba?fullText=true', function (data) {
                      var template = $("#mp_template").html();
                      var text = Mustache.render(template, data);
                      console.log(data);
                      $("#mypanel").html(text);
                  });
              });
          });
      &lt;/script&gt;
  </code></pre>
  
  <p>Its getting some data back via the .getJSON call and then trying to render that data on button click. No data is rendering. Can someone please advise what am I doing wrong ?</p>
  
  <p>Please see this URL to see the structure of returned data <a href="https://restcountries.eu/rest/v2/name/aruba?fullText=true" rel="nofollow noreferrer">https://restcountries.eu/rest/v2/name/aruba?fullText=true</a></p>