title: Load url using click() jquery
body: <p>My code is:</p>
  
  <pre><code>$(document).ready(function(){   
  
      //alert('hi');
      $('#call1').click(function(){
  
          $.('#text').load('click1.html')
      })   
  
      $('#call2').click(function(){
  
          $.('#text').load('click2.html')
      })  
  
      $('#call3').click(function(){
  
          $.('#text').load('click3.html')
      })      
  })
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="call1"&gt;click 1&lt;/div&gt;
  &lt;div id="call2"&gt;click 2&lt;/div&gt;
  &lt;div id="call3"&gt;click 3&lt;/div&gt;
  &lt;p&gt;&amp;nbsp;&lt;/p&gt;
  &lt;div id="text"&gt;sdfsdfs&lt;/div&gt;
  </code></pre>
  
  <p>I want to load html pages in <code>#text</code> when user clicks <code>#call1</code>, <code>#call2</code>, or <code>#call3</code>.</p>