title: Dynamic navigation bar with jQuery
body: <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>