ปัญหาการใช้งาน Paging เมื่อ search บางอย่างมา พอกดหน้าถัดไปมันจะเรียกข้อมูลรวมเหมือน

<script>
	$('.bxslider').bxSlider({
	  	  mode: 'fade',
		  infiniteLoop	: true, 
		  controls		: false, 
		  speed			: 1000,
		  pager			: true,
		  auto			: true, 
		  pause			: 5000
	});
	
	$(document).ready(function() {
		//$(function(){
		   
		   $('.btn1').click(function() {
				open($('#btn1'));
			});
			$('.btn2').click(function() {
				open($('#btn2'));
			});
			$('.btn3').click(function() {
				open($('#btn3'));
			});
			$('.btn4').click(function() {
				open($('#btn4'));
			});
			$('.btn5').click(function() {
				open($('#btn5'));
			});
		//});
	});
	function open(elem) {
		if (document.createEvent) {
			var e = document.createEvent("MouseEvents");
			e.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
			elem[0].dispatchEvent(e);
		} else if (element.fireEvent) {
			elem[0].fireEvent("onmousedown");
		}
	}
	
	$(document).ready(function(){  
	  $(".btn1").click(function() {
		  $("#btn1").open('click');
		 //do stuff here
	  });
	  
	  
	  
	});
	
	
</script>
<?php /*?><script type="text/javascript" language="javascript">
    $(document).ready(function()
    {
       $(document).bind("contextmenu",function(e){
              return false;
       });
    }); 
</script><?php */?>
</body>
</html>