title: AJAX Load Content No Page Refresh
body: <p>I've been beating my brain trying to figure out why this won't work. The initial page loaded content does load up just fine, but clicking the menu links does nothing at all. It won't load the pages. Hovering over the menu links shows the correct content url, but clicking them does nothing. Here is the test site. menu link 1 and menu link 2 are the test links. The content will load up in the main content div: brandonbutler.com/alex/</p>
  
  <p>I got the code from <a href="http://youtube.com/watch?v=ytKc0QsVRY4" rel="nofollow">this tutorial</a>. Here is the code I'm using:</p>
  
  <pre><code>$(document).ready(function() {
  
  // initial page load
  $('#main').load('toc-content/landing.html');
  
  // handle menu click
  $('ul#keepcolors li a').click(function(){
      var page = $(this).attr('href');
      $('#main').load('toc-content/'+ page +'.html');
      return false;
  });
  
  });
  </code></pre>