I am using turn.js to make a flip book. Everything is fine, but when I try to bind an event to an element inside a page, the event isn't bound.
$(document).ready(function(e) {
$("#Test").click(function(e) {
alert('some text')
});
$("#book").turn("page",$("#book").turn("pages"));
});
<p>
<div id="book" >
<div class="even">
<div class="data">1</div>
</div>
<div class="odd">
<div class="data">2</div>
</div>
<div class="even">
<div class="data"><span id="Test">3</span></div>
</div>
</div>
jQuery doesn't bind any event to #Test
.