title: Trying to load another html page into a div using jQuery. I looked at other posts but mine still isn't working
body: <p>Please have a look. EDIT: here is a link to a fiddle for the entire code: <a href="http://jsfiddle.net/e77aqubx/" rel="nofollow">http://jsfiddle.net/e77aqubx/</a></p>
  
  <p>This is a section of the jQuery (everything above it seems to be working fine). I am trying to get portfolio.html to show up in the #portfolio div (which is not visible until you click the link for it). The portfolio.html is in the same folder in the directory so I don't think I have to worry about the link.</p>
  
  <pre><code>    $("#portfolio_link").click(function(){
      $(".header").hide();
      $("#about").hide();
      $("#portfolio").show();
      $("#portfolio").load("portfolio.html");
  
  });
  </code></pre>
  
  <p>I have a div set up for it in the html as </p>
  
  <pre><code>&lt;div id="portfolio"&gt;ooh blah dee&lt;/div&gt;
  </code></pre>
  
  <p>In the jQuery I also tried:</p>
  
  <pre><code>$("#portfolio").show(function(){
      $("#portfolio").load("portfolio.html");
  });
  </code></pre>