jQuery create multi-level unordered list

Question

I'm trying to create a multi-level unordered list with jQuery.

In reality i'm sticking this into the jQuery autocomplete plugin, but i've dumbed down a jsFiddle keep it simple with hardcoded data and without the plugin.

First the hardcoded output (what i want to see), then the dynamic output (with the code im trying).

You can see what i've tried, but i'm not having too much luck so far. :)

Can anyone help me out? Or has anyone done this before?

Answer 1

Try to work with the categoryID's: jsFiddle

Hope this helps...