title: Load page fragments with jQuery
body: <p>So I have a menu:</p>
  
  <pre><code>&lt;nav id="side-nav"&gt;
  &lt;ul&gt;
  &lt;li&gt;&lt;a href="consulting"&gt;Consulting&lt;/a&gt;&lt;/li&gt;
  etc..
  </code></pre>
  
  <p>jQuery reads</p>
  
  <pre><code>$(document).ready(function() {
    $( "#side-nav ul li a" ).on( "click",function() {
     $('#services-content').load('side-menu.html #' + $(this).attr('href'));
      return false;
    });
  });
  </code></pre>
  
  <p>and have an html file with corresponding id's to the href. It does not load. Thought i followed exactly as per jquery website. Whats wrong ?</p>
  
  <p>Even if I have it hard coded, nothing is loaded :</p>
  
  <pre><code>&lt;div id="services-content"&gt;
  
  &lt;/div&gt;&lt;!--load services content in here--&gt;
  
  &lt;script type="text/javascript"&gt;
     $(document).ready(function() {
       $('#services-content').load('side-menu.html #consulting');
     });
  &lt;/script&gt;
  </code></pre>