Load url using click() jquery
<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>
