title: Click does not come after CSS3 transformation
body: <p>I have the problem under Chrome/Safari browsers. After applying CSS3 transformation I don't receive <strong>mouseup</strong> and <strong>click</strong> events (under IE9/10 it work very well).</p>
  
  <p>This is my not working sample:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(".box").mousedown(function (e) {
          $(this).addClass('transform');
      });
  
      $(".box").mouseup(function (e) {
          $(this).removeClass('transform');
      });
  
      $(".box").click(function (e) {
          alert("Click"); // Not worked under Chrome/Safari !
      });
  &lt;/script&gt;
  
  &lt;div class="box"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and CSS3 style:</p>
  
  <pre><code>.box {
      background-color:#f00;
      width:200px;
      height:200px;
  }
  
  .transform {
      transform-origin: 0% 50%;
      transform: rotateY(10deg);
      -ms-transform-origin: 0% 50%;
      -ms-transform: rotateY(10deg);
      -webkit-transform-origin: 0% 50%;
      -webkit-transform: rotateY(10deg);
  }
  </code></pre>