I'm very new to jquery so please bear with me if my code is extremely horrible.

I am trying to create a script that grabs all the h* tags on a page and outputs them into a list.

My current problem is the order in which I'm able to output things in the list, take a look at the list item "h3 again - supposed to go after h4" and you'll see what I mean.

Appreciate any help on what I can do differently to solve this.