title: jquery ajax page load how?
body: <p>i tried many code but not successfull yet. mainly i am looking jquery ajax load page. its very simple but i can't figure out prople. see bellow sample html code. how i want.</p>
  
  <pre><code>    &lt;div class="menu"&gt;
      &lt;ul&gt;
      &lt;li&gt;&lt;a href="#tabs-1" id="page1"&gt;page 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-2"  id="page2"&gt;page 2&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-3"  id="page3"&gt;page 3&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-4"  id="page4"&gt;page 4&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#tabs-5"  id="page5"&gt;page 5&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;/div&gt;
  
  
   &lt;div class="contentarea" id="response"&gt;
  
          &lt;/div&gt; 
  </code></pre>
  
  <p>bellow is js code i tried many other also no work properly....</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      $(document).ready(function(){
      // load index page when the page loads
      $("#response").load("page1.html");
      $("#page1").click(function(){
      // load home page on click
          $("#response").load("page1.html");
      });
      $("#page2").click(function(){
      // load about page on click
          $("#response").load("page2.html");
      });
      $("#page3").click(function(){
      // load contact form onclick
          $("#response").load("page3.html");
      });
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <p>if you guys know any good solution for that type loading page. please share with me. </p>
  
  <p>thanks</p>