title: jQuery drag event is not working on touch
body: <p>I am using jQuery drag event its working fine in browsers but not working in touch screens. While I am using this below code (found in stackoverflow). its working but its blocking the input elements. </p>
  
  <p>I need to work on input elements as well as drag event with touch support, 
  Please help me out with this issue </p>
  
  <pre><code>  &lt;!-- touch functions --&gt;
  
       function touchHandler(event) {
          var touch = event.changedTouches[0];
  
          var simulatedEvent = document.createEvent("MouseEvent");
          simulatedEvent.initMouseEvent({
              touchstart: "mousedown",
              touchmove: "mousemove",
              touchend: "mouseup"
          }[event.type], true, true, window, 1,
                  touch.screenX, touch.screenY,
                  touch.clientX, touch.clientY, false,
                  false, false, false, 0, null);
  
          touch.target.dispatchEvent(simulatedEvent);
          event.preventDefault();
      }
  
      function init() {
          document.addEventListener("touchstart", touchHandler, true);
          document.addEventListener("touchmove", touchHandler, true);
          document.addEventListener("touchend", touchHandler, true);
          document.addEventListener("touchcancel", touchHandler, true);
      }
   // -- call **init()** in document.ready function 
  </code></pre>