title: Angular.js ng-click events on labels are firing twice
body: <p>Given the following code using angular.js</p>
  
  <p>Plunkr here: <a href="http://plnkr.co/edit/i4MAzs">http://plnkr.co/edit/i4MAzs</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;form name="myForm" ng-controller="Ctrl"&gt;
    Try clicking on the labels. &lt;br/&gt;
    &lt;label&gt;
      Value1: &lt;input type="checkbox" ng-checked='value1' ng-click='toggleValue1()'&gt;
    &lt;/label&gt; &lt;br/&gt;
    &lt;label ng-click='toggleValue2()'&gt;
      Value2: &lt;input type="checkbox" ng-checked="value2"&gt;
    &lt;/label&gt; &lt;br/&gt;
    &lt;tt&gt;value1 = {{value1}}&lt;/tt&gt;&lt;br/&gt;
    &lt;tt&gt;value2 = {{value2}}&lt;/tt&gt;&lt;br/&gt;
    &lt;tt&gt;fire_count = {{fire_count}}&lt;/tt&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Javascript:</p>
  
  <pre><code>angular.module('App', []);
  
  function Ctrl($scope) {
    $scope.value1 = true;
    $scope.value2 = 'YES'
    $scope.fire_count = 0;
  
    $scope.toggleValue1 = function(){
      $scope.value1 = !$scope.value1;
      $scope.fire_count++;
      console.log("Clicked!");
    }
  
    $scope.toggleValue2 = function(){
      $scope.value2 = !$scope.value2;
      $scope.fire_count++;
      console.log("Clicked!");
    }
  }
  </code></pre>
  
  <p>The click event will fire twice when you click on the 'Value2' label.  This only happens when ng-click is attached to the label.  When it's attached to the input element everything works as expected.</p>
  
  <p>Can someone explain what's going on?</p>