JQUERY: Appending next items in container on click

[Attirecut]

Am parsing XML data with AJAX success method , And placing in table with LOAD MORE data option , when user clicks on LOAD MORE button ,first time it get add next N items ,when user click on second time the same items getting added to list .Below is my code ,\[code\]function populateItems(position,page_size) { var url = "path_to_XML";$.ajax({type: "GET",url: url,dataType: "xml",success: function(xml) { var title, url, block_count; var xmlDOM = $(xml); block_count = $(xml).find('item').length; xmlDOM.find("item").slice(position,position+page_size).each(function(){ var $this=$(this); var $user=$this.find("user").text(); var $fname=$this.find("fname").text(); var $lname=$this.find("lname").text(); var $sex=$this.find("sex").text(); var $time=$this.find("time").text(); $("#datatable").append("<tbody><tr class='datarow'><td>"+$time+"</td><td>"+$user+"</td><td>"+$fname+"</td><td>"+$lname+"</td><td>"+$url+"</td></tr><tbody>"); }); $('#ajax-loader').hide();}});} $(document).ready(function() { var position;var page_size; populateItems(0,40); $('#append2').click(function(position){ $('#log_hourly').show(); $items = populateItems(40,40); $("#content").append($items); $('#ajax-loader').hide(); });\[/code\]How can keep adding next N items when user click on LOAD MORE button Please Help..