title: html button not working on tablets
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/7018919/how-to-bind-touchstart-and-click-events-but-not-respond-to-both">How to bind 'touchstart' and 'click' events but not respond to both?</a>  </p>
  </blockquote>
  
  
  
  <p>I have a strange issue where an html button doesn't work on tablets only. Works on all browsers and even mobile devices but not on actual tablets.</p>
  
  <p>I've used buttons before without problems and can't see what the difference is. My code:</p>
  
  <pre><code>&lt;button type="button" class="addwebcam"&gt;Add Webcam&lt;/button&gt;
  </code></pre>
  
  
  
  <pre><code>jQuery('.addwebcam').click(function(e) {
      jQuery('#cameraformwebcam').show(); //opens up a new form
      jQuery('.addwebcam').hide(); //now hide the button
  });
  </code></pre>
  
  <p>I also have other buttons doing different things and they are all the same. Pressing the button on the tablet does nothing but highlight it. How can I debug this? I've tried user agents but they don't help me with debugging because the issue is with tapping the button on that actual device.</p>