Html Widget control not working

I know this question has been posted before, but the behavior i´m having is driving me crazy, so this is my code:

var iframe= hypeDocument.getElementById('idForm1200').children[0];
var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;
var btn =  iframeDocument.getElementById('idBtnCancelar')

$(btn).bind("click touchstart", function(){
	hypeDocument.startTimelineNamed('form', hypeDocument.kDirectionReverse)

this works ok in desktops, but on a ipad it doesn´t, what i have is a html widget and i have posted code inside and also pointing to external .js file and .css file, it´s a form!. This form has a cancel button, wich does what you can see above, what´s the problem here?

You Might Not Need jQuery…

You can run this action using the action inspector if the 'btn' element was created in Hype and can be selected -- it is not clear why you are writing code for this from what you've shared.