title: Angular-Foundation and ng-click not working on <a> tag
body: <p>Spent the whole day trying to figure this simple issue but no luck. I added ng-click to &lt; a > tag but it's not calling the function. If I put the ng-click on a button, it works.</p>
  
  <p>I've tried the following with no success.</p>
  
  <pre><code>&lt;li&gt;&lt;a href="#" ng-click="signout()"&gt;Sign Out&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href="" ng-click="signout()"&gt;Sign Out&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a href ng-click="signout()"&gt;Sign Out&lt;/a&gt;&lt;/li&gt;
  &lt;li&gt;&lt;a ng-click="signout()"&gt;Sign Out&lt;/a&gt;&lt;/li&gt;
  &lt;li ng-click="signout()"&gt;&lt;a href="#"&gt;Sign Out&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I noticed though that when I click it, it adds the class ng-click-active</p>
  
  <p>like this</p>
  
  <pre><code>&lt;a href="#" ng-click="signout()" class="ng-click-active"&gt;Sign Out&lt;/a&gt;
  </code></pre>
  
  <p>or like this</p>
  
  <pre><code>&lt;li ng-click="signout()" class="ng-click-active"&gt;&lt;a href="#"&gt;Sign Out&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>I also noticed that ng-click on &lt; a > tag will work if I execute this in the chrome dev tools console</p>
  
  <pre><code>$(document).foundation();
  </code></pre>
  
  <p>I'm out of ideas!</p>
  
  <p>Update: I'm adding the js for the signout function</p>
  
  <pre><code>angular.module('myapp')
      .controller('NavbarCtrl', function ($scope, $state, principal) {
  
      $scope.signout = function() {
          console.log('*******************');
          principal.authenticate(null);
          $state.go('login');
      };
  
  });
  </code></pre>