title: ng-change in a checkbox fired more than one time, because an ng-click over it
body: <p>As a code is better than 1000 words, I've created a plunker in order to show my problem:
  <a href="http://bit.ly/1uiR2wy" rel="noreferrer">http://bit.ly/1uiR2wy</a></p>
  
  <p>Given the specific DOM element, thing is that I have an input checkbox with an ng-change, I want to add an ng-click to the li that wraps it in order to be able to click in the whole area.
  This new ng-click makes the method in the ng-change to happens twice. And is even worse for an SPAN DESCRIPTION 2 that is happening 3 times. </p>
  
  <pre><code>&lt;li class="odd" ng-click="changeToggleModel($event)"&gt;
    &lt;span class="overcomeDescription ellipsis-overflow"&gt;span description&lt;/span&gt;
    &lt;label&gt;      
      &lt;span&gt;SPAN DESCRIPTION 2&lt;/span&gt;
      &lt;input type="checkbox" ng-change="toggleSelection($event)" ng-model="isSelected"&gt;
    &lt;/label&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I've tried with stopPropagation and it seems that it doesn't solve the issue.
  Any ideas about it?
  If you check the plunker and open the console you'll see the issue perfectly.</p>
  
  <p>Thanks in advance to everyone</p>