Dynamic bulleted list
<p>This is what I'm trying to do but I'm a jquery rookie.</p>

<p>When the page loads I have jquery calls
<code>levelone.php</code> which print something like <code>BEACH{!}OFFICE{!}HOME{!}</code>
and creates my first bullet level.</p>

<p>When clicking on a bullet how can I call
<code>leveltwo.php?lvlone=HOME</code> which would create new bullets with
something like: <code>BED ROOM{!}KITCHEN{!}</code> and so on </p>

<p>Same on the new bullets
<code>levelthree.php?lvlone=HOME&amp;lvltwo=KITCHEN</code> which would create new bullets with
something like: <code>TABLE{!}CHAIR{!}</code> and so on</p>

<p>My code so far:</p>

<pre><code>$(document).ready(function(){
    $.get("load_locations.php", function( my_var ) {
        var my_varspl = my_var.split('{!}');
        $('#myDiv').append("&lt;ul id='newList'&gt;&lt;/ul&gt;");
        for (var i = 0, e = my_varspl.length; i &lt; e; i++) {
            if(my_varspl[i]!=''){
                $("#newList").append('&lt;li&gt;'+my_varspl[i]+'&lt;/li&gt;');
            }
        }
     });
});
</code></pre>
