Jquery在循环访问JSON时复制列表中的子项

Question

简短问题：

为什么这会复制最终项目（购物），但作为之前项目的子项。

var obj = '[{"id":1,"name":"Unassigned"},    {"id":4,"name":"Household","Children":[{"id":5,"name":"Gas Bill"}]},{"id":6,"name":"Shopping"}]';

function buildItem(item) {

    var html = "<li class='dd-item' data-id='" + item.id + "' id='" + item.id + "'>";
    html += "<div class='dd-handle'>" + item.name + "</div>";

    if (item.Children) {

        html += "<ol class='dd-list'>";
        $.each(item.Children, function (index, sub) {
            html += buildItem(sub);
        });
        html += "</ol>";

    }

    html += "</li>";

    return html;
}

$.each(JSON.parse(obj), function (index, item) {

    $('#dd ol').append(buildItem(item));

});

http://jsfiddle.net/AlexChatwin/cy4Lxq4m/

背景： 我试图了解Nestable JQuery插件。我无耻地捏了一些代码，并设法将这个几乎的工作版本一起破解。我是否错过了关于循环子女的工作方式的明显内容，还是关于不同类型的列表的内容？