MustacheJS Partials test

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.1.3/mustache.min.js"></script>
<div class="template">
    <div class="main">
        <h3>Names:</h3>
        <ul>
           {{ #people }} 
            {{>person}}
           {{ /people }}
        </ul>
        
    </div>
</div>

<div id="container">
    
</div>

CSS

.template {
    display: none;
}

JavaScript

// Use partial
var $p     = $('#container'),
    tpl     = $('.template .main').text(),           
    partials = { person : '<li>{{ firstName }} {{ lastName }}{{^isMale}}, a female {{/isMale}}.</li>' },
            obj6    = {
                people : [
                    { firstName : 'Jayson', lastName : 'Buquia', isMale : true },
                    { firstName : 'Jane', lastName : 'Doe', isMale : false },
                    { firstName : 'John', lastName : 'Smith', isMale : true }
                ]
            };

$p.append(Mustache.render(tpl,obj6,partials));