title: Load HTML page dynamically into div with jQuery
body: <p>I'm trying to make it so when I click on a link in a HTML page, it dynamically loads the requested page into a div with jQuery.</p>
  
  <p>How can I do that?</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript"&gt;
      // what can I do for load any url clicked?
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="content"&gt;&lt;/div&gt;
  
  &lt;a href="page1.html"&gt;Page 1&lt;/a&gt;&lt;br /&gt;
  &lt;a href="page2.html"&gt;Page 2&lt;/a&gt;&lt;br /&gt;
  &lt;a href="page3.html"&gt;Page 3&lt;/a&gt;&lt;br /&gt;
  &lt;a href="page4.html"&gt;Page 4&lt;/a&gt;&lt;br /&gt;
  &lt;a href="page5.html"&gt;Page 5&lt;/a&gt;&lt;br /&gt;
  &lt;a href="page6.html"&gt;Page 6&lt;/a&gt;&lt;br /&gt;
  &lt;/body&gt;
  &lt;/html&gt; 
  </code></pre>