title: Simple ajax onclick question
body: <p>I'm having difficulty setting up a simple menu that displays results on a div box:</p>
  
  <p>I have a list of 10 links which link to php files on my server that return data. 
  I would like it so that when the viewer clicks on one of the links, the data from the php file will display on a div box on the screen, and then when he clicks on another link, it will display the data from that php file in the div box (replacing the previous text).</p>
  
  <p>I know this is pretty simple, but I can't get it to work. I'm using jQuery, and would like to know if any of you have any quick solutions. </p>
  
  <p>Thanks!!</p>
  
  <p>UPDATE: I've been pretty much failing javascript code-wise. But here is the basic idea for the framework:</p>
  
  <pre><code> &lt;div class="tabs"&gt;
          &lt;ul class="tabNavigation" style="float:left; padding:1px;"&gt;
              &lt;li&gt;&lt;a href="#displayphpfile"&gt;Load phpfile1&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#displayphpfile"&gt;Load phpfile2&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="#displayphpfile"&gt;Load phpfile3&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
          &lt;div id="displayphpfile"&gt;
              &lt;p&gt;Load phpfile1&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>