title: how we can change the div content by clicking on menu bar without page refresh
body: <pre><code>&lt;div id="containerright"&gt;
    &lt;div id="containerrighttop"&gt;
      &lt;ul&gt;
        &lt;li&gt;&lt;a  href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content-  1.     html"&gt;Content 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a  href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content-2.html"&gt;Content 2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a  href="C:\Users\Ravi Ranjan\Desktop\new web\New folder/content-3.html"&gt;Content 3&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
    &lt;/div&gt;
    &lt;div id="containerrightbottom"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>** this is my scripting with ajax**
  in this i want  menubar in horizontal way so that on click on that menu bar the div content on one part of same page get change with out  page refresh</p>
  
  
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
      $(function() {
  
          $("#conatinerright""#containerrighttop").click(function() {
  
              $("#conatinerright""#containerrightbottom" ).load($(this).attr("href"));
  
              return false;
          });
  
      });
  &lt;/script&gt;
  </code></pre>