Edit in JSFiddle

$(document).ready(function () {
    var output = $("#output");    
    var template = $("#test6").html();
    var recursive = $("#test6-person").html();
    
    var data6 = { title : "President", name : "Perry President", manages : [
        { title : "CTO", name : "Janet TechOff", manages : [
            { title : "Web Architect", name : "Hari Archie", manages : [
                { title : "Senior Developer", name : "Brenda Senior", manages : []},
                { title : "Developer", name : "Roger Develo", manages : []},
                { title : "Junior Developer", name : "Jerry Junior", manages : []}
            ]}
        ]},   
        { title : "HRO", name : "Harold HarOff", manages : [
            { title : "HR Officer", name : "Susan McHorror", manages : []},
            { title : "HR Auditor", name : "Audrey O'Fae", manages : []}
        ]}
    ]};
    
    html = Mustache.render(template, data6, { person : recursive });
    output.append(html);
});

<h2>Example 6 : Recursively binding data to templates</h2>

<div id="output"></div>

<script type="text/html" id="test6">
    <h3>Organization Structure</h3>
    {{> person}}
</script>

<script type="text/html" id="test6-person">
    <div>
        <b>{{name}}</b> ({{title}})
        <div style='padding-left: 15px; padding-top: 5px;'>
            {{#manages}}
                {{>person}}
            {{/manages}}
        </div>
    </div> 
</script>