js in html5,html - use of turn.js in html5 - Stack Overflow

I am trying to add flipbook effect in HTML5

I have created some div tags for pages and for hard cover but problem is that 'hard' div's are not working as they should be like I am unable to turn hard pages.!

I have code this :

Turn.js

Page 1

Page 2

Page 3

Page 4

$("#flipbook").turn({width:800, height:500 , autoCenter:true}).bind("turning", function(event, page, view) {

alert("Turning the page to: "+page);

});

Please help to sort out this problem

Thanks in advance

Shumaila