jquery pagination not work after ajax load

[antonius99]

I have applied pagination with jPages plugin.
Pagination works fine for the first time along with search input. But when you change the filters on the right side, pagination has disappear.

any one can give solution.

in HEAD ||

<script> $(function() { $("div#lazy img").lazyload({ event : "scroll", effect : "fadeIn" }); ``` $("div.holder").jPages({ containerID : "itemContainer", animation : "fadeInUp", callback : function( pages, items ){ items.showing.find("img").trigger("turnPage"); items.oncoming.find("img").trigger("turnPage"); } }); ``` }); $.ajax({ url: 'your ajax page url', type: 'Either POST or GET', data: 'Data to be sent to ajax page', }) ## </script>

in body||

Show All Waiting Payment Confirmed Completed Cancel

// my ajax content call

//jpages MY DATA MY DATA

---

my js.php
function getData()
{
var filter = document.getElementById("filter").value;
var tfq = document.getElementById("tfq").value;
var variabel ='code_ax.php?filter='+filter+'&tfq='+tfq;
request.open('get',variabel);
request.onreadystatechange = parseGetData;
request.send('');
}

function parseGetData()
{
if (request.readyState == 4)
{
var answer = request.responseText;
document.getElementById("LISTDATA").innerHTML = answer;
}
}

---

code_ax.php

MY REQUEST DATA MY REQUEST DATA