title: How can I navigation up and down a ul using two buttons?
body: <p>I have a simple ul and need to be able to navigate up and down the different li, using a up and down button. That way when the up button is clicked and will select each li, until it gets to the top of the ul and then you can press the down button to navigate back down, selecting the next li, each time the button is clicked.</p>
  
  <p>Not sure how to go about this...</p>
  
  <pre><code>    &lt;div id="MainMenu"&gt;
          &lt;ul&gt;
              &lt;li&gt;&lt;a href="#"&gt;PATIENT TEST&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;QC TEST&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;REVIEW RESULTS&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#"&gt;OTHER&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I'm using the following jQuery code to switch the class for the active li...</p>
  
  <pre><code> $("li:not(.active)").live("click", function() {
      $(this).addClass("menuActive");
      $(this).siblings().removeClass("menuActive");
  });
  </code></pre>