html
<div id="current">(current 5 records on pageload)</div>
<div id="next">(another 5 records on click event from ajax in innerHTML) </div>
<button id="loadDiv">Load Data</button>
jquery
var count = 1; // gobal variable for checking click count
$('#loadDiv').click(function(){
data = // do ajax and get data
if(count == 1)
{
$('#current').empty(); // deleting old data of current
$('#current').html('data');
}
else
{
$('#current').empty(); // deleting old data of current
$('#current').html($('#next').html());// loading current with next
$('#next').empty(); // deleting data in next
$('#next').html(data); // loading next with new data
}
count ++;
});