重构单级UL，并根据链接URL链接到嵌套列表

Question

我有一个单级无序列表，其中包含指向各种目录级别的链接。 我想从标记重新创建一个无序列表，但是根据链接URL的目录结构嵌套列表项。

所以改变这个例子：

<ul>
    <li><a href="/page1">Page 1</a></li>
    <li><a href="/folder/page2">Page 2</a></li>
    <li><a href="/folder/page3">Page 3</a></li>
</ul>

进入这个：

<ul>
    <li><a href="/page1">Page 1</a>
        <ul>
            <li><a href="/folder/page2">Page 2</a></li>
            <li><a href="/folder/page3">Page 3</a></li>
        </ul>
    </li>
</ul>

我有一个jsfiddle正在进行的工作，它是根据两个类似的stackoverflow问题编译的，但我无法让它工作。

http://jsfiddle.net/logopogo/q6H7e/1/

我目前的想法是使用此处的答案将单级列表转换为javascript数据（JSON？）： How do I convert the items of an LI into a json object using jquery?

然后使用此处的答案从该JSON数据重建新列表： Create a nested UL menu based on the URL path structure of menu items