title: trying to load php only once with jquery
body: <p>I have Jquery set up so when I click on a button it loads in the PHP from another page. Currently it loads this every time I click the button. I would like to have it so it only loads the content once.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>//initially hides all containers
  $( document ).ready(function() {
      $('.aboutcontainer,.contactcontainer,.homecontainer,.portfoliocontainer,.musiccontainer').hide();
  });
  
  //home page must show as first page on arrival
  $( document ).ready(function () {
      $(".homecontainer").show();
  });
  
  //load about page
  //button to start animation
  $( document ).ready(function() {
      $('#about').click(function () {
  
          //fades unwanted pages
          $('.homecontainer,.musiccontainer, .portfoliocontainer, .contactcontainer').fadeOut({queue: false, duration: 700}); 
  
          //animates up unwanted pages
          $('.homecontainer, .musiccontainer, .portfoliocontainer, .contactcontainer').animate({
              'margin-Top' : "-1000px",  
          },400, 'easeInBack');
  
          //brings in selected page with a 0.7 second pause       
          setTimeout(function() {
              $('.aboutcontainer ').fadeIn({
                  queue: false,
                  duration: 100
              });
              $(".aboutcontainer").animate({
                  marginTop: "115px",
              },1200,'easeOutQuint');
          }, 700 );
  
          //loads in selected page content
          setTimeout(function() {
              $( ".aboutcontainer" ).load( "about.php" );
          }, 1200 );
  
      });
  });
  </code></pre>
  
  <p>Also I am experiencing difficulty with the page not loading the change page functionality when I open it in incognito mode.</p>
  
  <p>Here is a link to the site: <a href="http://benliger.webatu.com" rel="nofollow">http://benliger.webatu.com</a></p>
  
  <p>Why would this be?</p>