title: JSON Object into Mustache.js Table
body: <p>I'm trying to create a table with a JSON Object using Mustache.js. 
  I wanted it to show two rows, however it's only showing the second row only. 
  I suspect that the first row is being overwritten by the second when it's being bound again in the loop.   </p>
  
  <p>How do I work my way around it? Or is there a better structure I should follow? </p>
  
  <p>Javascript: </p>
  
  <pre><code>var text = '[{"Fullname":"John", "WorkEmail":"john@gmail.com"},{"Fullname":"Mary", "WorkEmail":"mary@gmail.com"}]'
  var obj = JSON.parse(text);
  
  $(document).ready(function() {
          var template = $('#user-template').html();
          for(var i in obj)
          {
          var info = Mustache.render(template, obj[i]);
          $('#ModuleUserTable').html(info);
          }
  }); 
  </code></pre>
  
  <p>Template : </p>
  
  <pre><code>&lt;script id="user-template" type="text/template"&gt;
      &lt;td&gt;{{FullName}}&lt;/td&gt;
      &lt;td&gt;{{WorkEmail}}&lt;/td&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>table: </p>
  
  <pre><code>&lt;table border="1"&gt;
  &lt;tr&gt;
  &lt;th&gt;FullName&lt;/th&gt;
  &lt;th&gt;WorkEmail&lt;/th&gt;
  &lt;/tr&gt;
  &lt;tr id = "ModuleUserTable"&gt; 
  &lt;/tr&gt; 
  &lt;/table&gt;
  </code></pre>