HTML中的Div更改

Question

I m having one requirement of swaping div on html.Consider first div with id='current',on page load 5 records are append on first div.I do have one another div with id="next" which gets another 5 record filled after click event from ajax in innerhtml from javascript.Again after click event another 5 records picked,i want to append it on div with id='next' and next will go to current and old 5 records which is on current get empty from javascript and so on.For example:

<div id="current"></div>(current 5 records on pageload)
<div id="next"></div>(another 5 records on click event from ajax in innerHTML)  

Again when onclick another 5 records are coming which I want to append on next and old next will go to current and old current get deleted. Any suggestion. Thanks.

Answer 1

using jquery this is very easy:

<div id="current"></div>
<div id="next"></div>

in the ajax success function

$("#current").html($("#next").html())
$("#next").html(loaded_data)