title: How can I trouble shoot click events being triggered twice?
body: <ul>
  <li>I have a one page app.  </li>
  <li>It uses backbone.js.  </li>
  <li>Click events via mouse trigger once.  </li>
  <li>Click events via touch device trigger twice. </li>
  <li>Unbinding the one click event stops both on touch devices.</li>
  </ul>
  
  <p>I can't figure out where to start looking.</p>
  
  <p>This is the JS:</p>
  
  <pre><code>$('.classy').on('click', 'button', function(){
      console.log('clicked');
  })
  </code></pre>
  
  <p>I need some help figuring out how to trouble shoot this. I know I haven't given enough information to receive a real answer. The confusing part to me is that this only happens on touch devices. If I was accidentally binding two events or creating two instance of the same view it wouldn't it happen for mouse clicks too?</p>
  
  <p>Thank you.</p>
  
  <p><strong>EDIT: I tried using the tap event via jQuery Mobile. This had a strange reaction. It would fire the event once and looked like it was done, but the next time you touch anywhere on the screen it would fire the event again. ...weird, any ideas?</strong></p>
  
  <p>I finally found the problem. It was coming from layered iScrolls. I had to hack the lib at this point, probably a much better way to fix this but illustrates the point.</p>
  
  <pre><code>if (target.tagName != 'SELECT' &amp;&amp; target.tagName != 'INPUT' &amp;&amp; target.tagName != 'TEXTAREA' &amp;&amp; window.iScrollClickFIX != true) {                        
      window.iScrollClickFIX = true;
      setTimeout(function(){
          window.iScrollClickFIX = false;
      }, 1)
  </code></pre>
  
  <p>Thanks for the help everyone.</p>