nesting

[nightshade427]

How do I do nesting in Pure2? It is rendering the title but not the
items underneath, any ideas?

Example:

html:
==========================================================
<ul id="item_buttons">
<li class="item_buttons">
<output class="title"></output>
<ul class="item_button">
<li><a class="inv_button"></a></li>
</ul>
</li>
</ul>
==========================================================

javascript:
==========================================================
var menu = {
item_buttons:[
{title: "Movies",
item_button: [
{name: "DVD", inv: "I-9000"}]},
{title: "XBox",
item_button: [
{name: "19.99", inv: "I-1200"}]}
]};
var dir = {
".item_buttons": {
"title_info<-item_buttons": {
".title": "title_info.title",
".item_button":{
"button_info<-title_info.item_button":{
".inv_button": "button_info.name",
".inv_button@data-inv": "button_info.inv"}}}}
};
var html = $("#item_buttons");
html.render(menu, html.compile(dir, menu));
=========================================================

[nightshade427]

Nevermind I got it. Used:

var html = $("#item_buttons");

html.render(menu, html.compile(dir);

instead of:

var html = $("#item_buttons");
html.render(menu, html.compile(dir, menu));