mustache populate JSON object error <p>I have code below. I need to populate a JSON object using mustache. Unfortunately, it shows nothing to me. </p> <pre><code> &lt;script type="text/javascript"&gt; var data = "[{"PR_ID":23096,"P_ID":23014},{"PR_ID":33232,"P_ID":23014},{"PR_ID":33308,"P_ID":23014},{"PR_ID":33309,"P_ID":23014}]"; var template = $("#template").html(); Mustache.parse(template); var rendered = Mustache.render(template, data); $('#PatrList').html(rendered); &lt;/script&gt; &lt;body&gt; &lt;div id="PatrList"&gt;&lt;/div&gt; &lt;script id="template" type="x-tmpl-mustache"&gt; {{ #. }} &lt;div&gt; PR_ID: &lt;h2&gt; {{PR_ID}} &lt;/h2&gt; ---- P_ID: &lt;h2&gt; {{P_ID}} &lt;/h2&gt; &lt;/div&gt; {{ /. }} &lt;/script&gt; &lt;/body&gt; </code></pre>