Why when I use touchstart event is not fired after scroll?

[catoxx]

I have attached a touchstart event to my fixed positioned footer in a web-appso the structure is like this:\[code\]<div id="content">i am a looong content.</div><div id="footer">i am tappable!</div>\[/code\]and the code like this:\[code\]$("#footer").on('touchstart', function(e) { alert("tapped"); });\[/code\]The problem is that when I scroll down the page to read the (long) content, the \[code\]touchstart\[/code\] event for my footer just stops working! it does not get called anymore.Does anyone have any idea why this might be happening? Thanks in advance.UPDATEHere is my exact scenario:http://contoso2.azurewebsites.net/quiz/testingUsing an iPad, if you scroll down, the buttons in the footer are not fired.