Dynamic navigation bar with jQuery
<p>I want to create a "changing" navigation bar.
The nav bar should change with a click on one of the nav elements.</p>

<p>the code looks like this :</p>

<pre><code>&lt;ul&gt;
  &lt;li&gt; Type
    &lt;ul&gt;
      &lt;li&gt; &lt;a href=""&gt; one &lt;/a&gt;&lt;/li&gt;
      &lt;li&gt; &lt;a href=""&gt; two &lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/li&gt;
  &lt;li&gt; Gender &lt;/li&gt; // Lets say that this is replaceable
</code></pre>

<p>if I click on "one" it's "Gender".
and when I click on "two" it's suppose to change to "blabla".</p>

<p>I wanted to ask what is the best way to replace the nav menu with jQuery, 
I tried replacing the HTML with .html() func but I don't know where to save my replaced code.</p>

<p>Meaning, I wanted to know what is the best way to keep all the code on the DOM and each time change the nav bar when clicked.</p>

<p>Thanks, 
robi</p>
