title: How to load a HTML-page into a DIV by clicking a Li inside a menu?
body: <p>i've came across a really annoying issue.</p>
  
  <p>So, my plan is to have a UL-menu containing different ammounts of Li inside of it.
  And when i click each of them i want to load a new HTML-page into my "Content-DIV".</p>
  
  <p>I've done alot of research and i found out about Ajax and Jquery. I've tried so many different codes to make it work, and i've managed to link my .js file to my index file sucessfully. I tried it out with a simpel Alert command.
  But then when i try to load my page into my DIV, it doesnt work at all, and i have no idea whats wrong!
  I found a link here on stackoverflow which were almost the same, tho they didnt use a menu to open up the pages.</p>
  
  <p>So here is my index:</p>
  
  <pre><code>&lt;div id="Left"&gt;
      &lt;ul id="nav" &gt;
          &lt;li&gt;&lt;a href="Home.html id="load_home"&gt;Home&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Page 1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Page 2&lt;/a&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  
  &lt;div id="content"&gt;
  
  
  &lt;/div&gt;
  
  &lt;script&gt;$(document).ready( function() {
      $("#load_home").on("click", function() {
          $("#content").load("Home.html");
      });
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any ideas? Any answers would be much appreciated. 
  Thank you.</p>
  
  <p>/Martin</p>