Q:

how to stop jquery .load to overwrite information inside the div

I use the jquery .load function to load a divs(left) from a other page inside a div(page_content) on the current page but when i use the load function to load a other div(right) in page_content it overwrites everyting inside the div(page_content).
And i just want it to be added to the div.
here is my code: 
function load(){
    $('#page_content').load('test.php .left');}

function load2(){
$('#page_content').load('test2.php .right');
 }

A:

You can use the callback function to convert two call to single call and get the .left and right content in the call to assign to your element with id page_content,
$('#page_content').load('test.php', function(result){
  leftContent = $(result).find('.left').html();
  leftRight = $(result).find('.right').html();
  $(this).html($(leftContent + leftRight ).find('')
});

