collections - jQueryテンプレートのインターレースモジュール（backbone.js）を反復処理するにはどうすればよいですか？

Question

次のようにbackbone.jsでインターレースモデルを使用してコレクションを作成しました:(forループ付き）

var categories = new Category({ // main model
    title:  myJSON.category[h].title,
    product: []
});

var product = new Product({ // sub-model
        articleNumber:  myJSON.category[h].articles[j].articleNumber,
    shortDesc:  myJSON.category[h].articles[j].shortDesc,
    stock:      myJSON.category[h].articles[j].stock,
    price:      myJSON.category[h].articles[j].price,
    packaging:  myJSON.category[h].articles[j].packaging            
});
categoryCollection.add(categories); // my Collection

次に、backbone.jsでビューを作成し、jQueryテンプレートからのレンダリングを使用しました。

   render: function(){
        var col = {
            collection: categoryCollection.toJSON(),
        }
        var templ = $("#productTemplate").tmpl(col);
        $(templ).appendTo("#showProducts");
    }

だから、これが私のhtmlファイルからのコードです

    <script id="productTemplate" type="text/x-jQuery-tmpl"> 
<div id="product_cat_1" class="product_table">
    <div class="site_links_top">
    </div>

    <!-- creating product categories in table -->
    {{each collection}}
    <a href="#product_cat_${$index + 1}" class="category category_closed"> 
            ${$value.title} </a>

            <table>
    <!-- creating products in table -->
    {{each ????? }} // i tried value, ${value}, ${$value} ....
                 // code..
    {{/each}}
    </table>
    {{/each}}

</div>
</script>

2番目のモデル（product []）を反復処理する方法がわかりません。何か案は？