Jquery 根据链接URL将带有链接的单级UL重新构造为嵌套列表

我有一个单级无序列表，带有指向不同目录级别的链接。 我想从标记中重新创建一个无序列表，但基于链接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>

我有一个JSFIDLE工作正在进行中，它是基于两个类似的stackoverflow问题编译的，但我无法让它工作

我目前的思路是使用下面的答案将单级列表转换为javascript数据（JSON？）：

然后使用下面的答案从JSON数据重建一个新列表：