Edit in JSFiddle

var hunters = {'hunters' : [
		{'name' : 'Gon', 'nen' : 'Enhancer'},
		{'name' : 'Killua', 'nen' : 'Transmuter'},
		{'name' : 'Kurapika', 'nen' : 'Conjurer'},
		{'name' : 'Leorio', 'nen' : 'Emitter'}
		]};

var hunters_html = Mustache.to_html($('#hunters').html(), hunters);

$(function(){
    $('.container').html(hunters_html);
});

<div class="container"></div>
<script type="text/html" id="hunters">
	<h1>Hunters</h1>
	<table border="1">
		<tr>
			<th>Name</th>
			<th>Nen Ability</th>
		</tr>
		{{#hunters}}
		<tr>
			<td>{{name}}</td>
			<td>{{nen}}</td>
		</tr>
		{{/hunters}}
	</table>
</script>