How to render array with mustache.js

mustache-array-render.html

<script id="child-template" type="text/mustache">
    {{#.}}
    <div class="child-wrapper">
        <div class="child-name-wrapper">{{name}}</div>
        <div class="child-birthdate-wrapper">{{birthdate}}</div>
        <div class="child-gender-wrapper">{{gender}}</div>
    </div>
    {{/.}}
</script>
<!--
var template_code = document.getElementById('child-template').innerHTML;
var data = [
   {name: 'John Doe', birthdate: '01/01/2011'},
   {name: 'Jane Doe', birthdate: '01/01/2011'}
];
Mustache.render(template_code, data);
-->