Рекурсивные макеты с помощью Handlebars.js

У меня есть простая иерархия объектов, состоящая из:

Category
 String name
 List childCategories;

Я хотел бы представить этот макет с помощью рулей в общем виде , но у меня возникли проблемы с пониманием того, как вкладывать макеты. Учитывая этот макет:

<script id="categories-template" type="text/x-handlebars-template">
    {{#categories}}
        <ul >
            <li>                    
                <span>{{name}}</span>       
                <div>{{#childCategories}}{{/childCategories}}</div>
            </li>       
        </ul>
    {{/categories}}
</script>

Как лучше всего повторно использовать существующий шаблон категорий для всех дочерних категорий? Нужно ли регистрировать обработчик? Есть ли более простой способ?