title: Pixi.js touch events not firing on iPhone after pushing intel-xdk files
body: <p>I have created a small test project to replicate the problem.
  The project contains only pixi.min.js and index.html with code from this example:</p>
  
  <p><a href="http://pixijs.github.io/examples/index.html?s=demos&amp;f=interactivity.js&amp;title=Interactivity" rel="nofollow">http://pixijs.github.io/examples/index.html?s=demos&amp;f=interactivity.js&amp;title=Interactivity</a></p>
  
  <p>Buttons work when I test it via the browser.
  They also work in the <code>intel-xdk</code> <code>emulate</code> tab.</p>
  
  <p>But when I go to <code>test</code> tab, push files, scan QR code to open the created app on the iphone, the buttons appear but touch events are not working.</p>
  
  <p>Why are the touch events not firing on the iPhone?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
  &lt;/head&gt;
  &lt;body style="margin:0; padding: 0; background: #333333;"&gt;
      &lt;script src="pixi.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          var renderer = PIXI.autoDetectRenderer(800, 600);
          document.body.appendChild(renderer.view);
  
          var stage = new PIXI.Container();
  
          var textureButton = PIXI.Texture.fromImage('images/button.png');
          var textureButtonDown = PIXI.Texture.fromImage('images/button.png');
          var textureButtonOver = PIXI.Texture.fromImage('images/button2.png');
  
          var buttons = [];
  
          var buttonPositions = [
              175, 75,
              655, 75,
              410, 325,
              150, 465,
              685, 445
          ];
  
          var noop = function () {
              //console.log('click');
          };
  
          for (var i = 0; i &lt; 5; i++)
          {
              var button = new PIXI.Sprite(textureButton);
              button.buttonMode = true;
  
              button.anchor.set(0.5);
  
              button.position.x = buttonPositions[i*2];
              button.position.y = buttonPositions[i*2 + 1];
              button.interactive = true;
  
              button.on('mousedown', onButtonDown)
                  .on('touchstart', onButtonDown)
                  .on('mouseup', onButtonUp)
                  .on('touchend', onButtonUp)
                  .on('mouseupoutside', onButtonUp)
                  .on('touchendoutside', onButtonUp)
                  .on('mouseover', onButtonOver)
                  .on('mouseout', onButtonOut);
  
              button.tap = noop;
              button.click = noop;
              stage.addChild(button);
              buttons.push(button);
          }
          buttons[0].scale.set(1.2);
          buttons[2].rotation = Math.PI / 10;
          buttons[3].scale.set(0.8);
          buttons[4].scale.set(0.8,1.2);
          buttons[4].rotation = Math.PI;
  
          animate();
  
          function animate() {
              renderer.render(stage);
              requestAnimationFrame(animate);
          }
  
          function onButtonDown(){
              this.isdown = true;
              this.texture = textureButtonDown;
              this.alpha = 1;
          }
  
          function onButtonUp(){
              this.isdown = false;
              if (this.isOver){ this.texture = textureButtonOver;
              }else{ this.texture = textureButton; }
          }
  
          function onButtonOver(){
              this.isOver = true;
  
              if (this.isdown){
                  return;
              }
              this.texture = textureButtonOver;
          }
  
          function onButtonOut(){
              this.isOver = false;
              if (this.isdown){ return; }
              this.texture = textureButton;
          }
      &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>