title: AngularJS ng-click fires twice
body: <p>I am using ng-click and it fires twice when I apply it to SPAN tag.</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div ng-app="regApp" ng-controller="RegistrationCtrl" data-ng-init="GetEventDetail()" ng-show="data.EventName"&gt;
  
      &lt;h2&gt;Registration for {{data.EventName}}&lt;/h2&gt;
      &lt;span class="btn" id="btnSave" ng-click="PostRegistration()"&gt;Save &lt;/span&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>CONTROLLER</p>
  
  <pre><code>var app = angular.module('regApp', ['ui']);
  
  app.controller('RegistrationCtrl', function ($scope, $http) {
      $scope.PostRegistration = function () {
      alert('click '); &lt;--- fires twice
      /// some code here -- 
  };
  </code></pre>
  
  <p>It should only fire once. How I can find why this is happening and how to fix it?</p>