title: ui-sref not working with ng-click (angular-touch) if used without jQuery
body: <p>I have a hard time removing jQuery from our app. The main problem: a simple link combining <code>ng-click</code> with <code>ui-sref</code>:</p>
  
  <pre><code>&lt;a data-ui-sref="main2" data-ng-click="reportClick()"&gt;Link&lt;/a&gt;
  </code></pre>
  
  <p>The result: <code>ng-click</code> fires, <code>ui-sref</code> does not.
  This only happens when using <strong>angular-touch</strong>, without <strong>jQuery</strong> as a dependency and a mobile browser, or with the emulation of a mobile device in the new chrome 32 (I used an Nexus 4 as emulation target).</p>
  
  <p>A running example: <a href="http://jsfiddle.net/scheffield/AEfMm/" rel="nofollow">http://jsfiddle.net/scheffield/AEfMm/</a></p>
  
  <p>To see the effect: <a href="http://jsfiddle.net/scheffield/AEfMm/show" rel="nofollow">http://jsfiddle.net/scheffield/AEfMm/show</a> in a mobile browser</p>
  
  <p>I already did a little research and found out that the event object is broken:</p>
  
  <pre><code>element.bind("click", function(e) {
      var button = e.which || e.button;
  
      if ((button === 0 || button == 1) &amp;&amp; !e.ctrlKey &amp;&amp; !e.metaKey &amp;&amp; !e.shiftKey) {
        // HACK: This is to allow ng-clicks to be processed before the transition is initiated:
        $timeout(function() {
          scope.$apply(function() {
            $state.go(ref.state, params, { relative: base });
          });
        });
        e.preventDefault();
      }
    });
  </code></pre>
  
  <p>It is an object containing nothing but two functions implemented as <code>angular.noop</code>.</p>
  
  <p>Any ideas?</p>