How can i load 2 link in different tag with jquery
<p>when click on the these links show first click in result 1 then click on second link show in result 2</p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a href="link1.html"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="link2.html"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="link3.html"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="link4.html"&gt;Link 4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div id="result_1"&gt;&lt;/div&gt;
&lt;div id="result_2"&gt;&lt;/div&gt;
</code></pre>

<p>Example (user click on link 1 then click on link 2) :</p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a class="result_1" href="link1.html"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="link2.html"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a class="result_2" href="link3.html"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="link4.html"&gt;Link 4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div id="result_1"&gt;link1.hmtl&lt;/div&gt;
&lt;div id="result_2"&gt;link3.html&lt;/div&gt;
</code></pre>

<p>then after click to other links remove the class and content</p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;&lt;a href="link1.html"&gt;Link 1&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="link2.html"&gt;Link 2&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a class="result_2" href="link3.html"&gt;Link 3&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a class="result_1" href="link4.html"&gt;Link 4&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;div id="result_1"&gt;link4.hmtl&lt;/div&gt;
&lt;div id="result_2"&gt;link3.html&lt;/div&gt;
</code></pre>

<p>i want do this with .load()<br>
sorry for my bad English</p>
