How to modify my code to use next and previous with iPad images

How to modify my code to use next and previous with iPad images

Presently this is working with the swipe on the iPad. 

  2.   $(document).bind("zoom.swipeleft", function (e) {
  3.             $("#mybook").turn('next');
  4.         });
  5.         $(document).bind("zoom.swiperight", function (e) {
  6.             $("#mybook").turn('previous');
  7.         });
my second code is not working right.

  1.         $("#nextPg").click(function (e) {
  2.             e.turn($("#mybook").turn('next'));
  3.             });

  5.             $("#prvPg").click(function (e) {
  6.                 $("#mybook").turn('previous');
  7.             });
      
turns pages like this on next > 1,2,4,6,8 
but on the previous < 6,5,4,3,2,1 works perfectly.

Can I bind document.bind(to my "#nextPg" from div to get the same effect as the swipe code.)