title: jquery load more content onclick
body: <p>This is what I have so far:</p>
  
  <pre><code>$(document).ready(function(){   
    $("#feed-page").load("feed.php #first-feed");
  
    $('.feed-load').click(function(){   
      $("#feed-page").load("feed.php #second-feed" ,  hideLoading);
      $(".feed-load .button-content").css( "display" , "none" );
      $('.feed-load-img').css( "display" , "block" );
    });
  
    function hideLoading() {  
      $(".feed-load .button-content").css( "display" , "block" );
      $(".feed-load .feed-load-img").css( "display" , "none" ); 
    }
  }); // end document ready
  </code></pre>
  
  <p>My problem is that when I click on "load more" what happens is that the content gets swapped out.</p>
  
  <p>That is not what I want to happen, I just want the content to all stay meaning the content that is already there on page load I want that to stay however when I click on "load more" I would like that content to stay but for some reason the content that was originally there gets swapped out with the new content which I don't want to happen.</p>
  
  <p>A live example can be found here: <a href="http://www.cyberfanatic.com" rel="nofollow">http://www.cyberfanatic.com</a></p>