Streaming live at 10am (PST)

How to change html nesting structure with jquery

Hello, I could really use help implementing an open-source js plugin!

Background: I’m using a js plugin to make an org chart on my webflow. I want the information in the org chart to be pulled dynamically from webflow CMS. I can use collection lists and custom code to reference the appropriate CMS fields, but my problem is that the plugin wants all of the data to be inside a single <ul>. The way webflow is currently reading CMS data, a new <ul> is created for each collection item (you can see this by viewing page source).

I was able to successfully implement what i wanted to do on Codepen by appending all <li> tags to the first instance of the <ul> (see codepen link:

However, when I try to do the same in Webflow (and putting the jquery code in the page settings), I just end up with a blank page. Can anyone help me figure out what I’m doing wrong?

Here is my site Read-Only: