title: jquery function that load html code into a div and then load other content into div inside html loaded
body: <p>I'd like to know what's the way to load an html page (page1.html) into a div in webpage active (index.html) and then load another html page (page2.html) into a div that will be inside of page loaded (page1.html). I mean.</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;div id="content"&gt;&lt;/div&gt;
  &lt;a class="link" href="#"&gt;load&lt;/a&gt;
  </code></pre>
  
  <p>script</p>
  
  <pre><code>$(document).ready(function() {
      $('a.link').live('click', function() {
          $('#content').load('page1.html', function(){
              $('#content2').load('page2.html');
          });
      });
  });
  </code></pre>
  
  <p>page1.html</p>
  
  <pre><code>&lt;div id="content2"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>It's works fine for only 1 click, at the second click it loads page2.html for 0,5 seconds and then loads page1.html.</p>
  
  <p>What's the problem ???</p>
  
  <p>Thank you</p>