Problems rendering nested divs with handlebars.js

Newbie here so please bear with me. I’m trying to render nested divs with handlebars but I’ve come across trouble writing the code for it. This is what I’ve been testing on the console.

var handlebarsTemplate= "<div id='{{comment.id}}'>{{comment.value}}{{{some comment}}}</div>"

var post = {
comment:{
id:"123", value: "hello handlebars windows page",
newArray: [{id:"321", value: "hey", newArray:[{id:"444", value:"hullo", newArray:[]}]}]
}
}

Handlebars.registerHelper("some", function iter(obj){
    if(obj.newArray.length!==0){
        for(var i=0;i<obj.newArray.length;i++){
            var psot = document.createElement("div");
            psot.id = obj.newArray[i].id
            psot.innerHTML = obj.newArray[i].value;
			var theIdd = obj.id
            var dives = document.getElementById(theIdd);
                    dives.appendChild(psot);
            iter(obj.newArray[i])
        }
    }
})

Handlebars.compile(handlebarsTemplate)(post)

//whenever I run it all I get is whats below, but I want it to nest the other values inside this div.

"<div id='123'>hello handlebars windows page</div>"

Where am I going wrong please?