title: Touchevent inside fancybox popup not working on mobile devices
body: <p>Hoping someone can help me out with this. I've created a popup using <code>fancybox</code> that contains two links, one taking the user to a survey page, the other cancelling and closing the popup. </p>
  
  <p>It worked as expected on desktop, however it now needs to work on mobile devices. So I've created a variable to handle the touch event and updated the on event handler. </p>
  
  <p>It still works fine on desktop but when I test on my phone, selecting the links does nothing. Anyone run into a similar issue? Know how I might fix this issue? Suggestions/advice is greatly appreciated.</p>
  
  <pre><code>$.fancybox({
    modal: true,
    content: "&lt;div id=\"surveyDialog\"&gt;&lt;img src=\"SurveyThumb.jpg\"&gt;&lt;h3&gt;" + title + "&lt;/h3&gt;&lt;p&gt;" + msg + "&lt;/p&gt;&lt;div&gt;&lt;div class=\"generic-forward-button boxed\"&gt;&lt;a href=\"\" id=\"takeSurvey\"&gt;Yes &lt;span&gt;&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;a href=\"\" id=\"cancelSurvey\"&gt;No, thanks&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;",
    afterLoad: function () {
      var clickEvent=((document.ontouchstart!==null)?'click':'touchstart');
  
      $('.fancybox-overlay').on(clickEvent, '#takeSurvey', function(e) {
        e.stopPropagation();
        e.preventDefault();
        var survey = window.open('http://someurl.com/feedback', '_blank');
        survey.focus();
        $.cookie(cookiename, 'take-survey', { expires: 365 });//set cookie if user selects survey
        $.fancybox.close();
  
      });
  
      $('.fancybox-overlay').on(clickEvent, '#cancelSurvey', function(e) {
        e.stopPropagation();
        e.preventDefault();
        $.cookie(cookiename, 'refuse-survey');//set session cookie
        $.fancybox.close();
  
      });
    }
  });
  </code></pre>