after drag&drop item jpages automatically applay/refresh

Question

after drag&drop item jpages automatically applay/refresh if before drag and drop my page no are 1 2 and i want after drag and drop from 1list 2 another list i want my my page no 1 2 3

for that i uses jpages from below link http://luis-almeida.github.io/jPages/

i am try to use http://api.jquery.com/append/

some ex on above link like
1)<h2>Greetings</h2>
<div class="container">
<div class="inner">Hello</div>
<div class="inner">Goodbye</div>
</div>
$( ".inner" ).append( "<p>Test</p>" ); 2)  <h2>Greetings</h2>
<div class="container">
<div class="inner">
Hello
<p>Test</p>
</div>
<div class="inner">
Goodbye
<p>Test</p>
</div>
</div>

$( ".container" ).append( $( "h2" ) );
But I am trying to append item after Drag and Drop my code:=>

 $('.sortable2').draggable({ revert: true});
  $('.btn-bg').droppable({
  hoverClass: 'active',

  drop: function (event, ui) {
  $(ui.draggable).remove();}
  });
 

  $('#sortable1').append($("ui.draggable"));

$('#sortable1').append($("ui.draggable"));
  $("#sortable1,#sortable2").sortable({
  connectWith: ".connectedSortable"
 
  }).disableSelection();
 <article id="sortabl1" ></artical>
 <article id="sortable2" ></artical>
 <div class="btn-bg"><div>



If any problem please ask me and solve my problem
Otherwise any source code for that whem u drag item from 1 div and drop in to another2 div  and 2 div have jpages applay allready per page:6  if u drop item pagination apply automatically ...............