title: ng-click event listener fired when sibling element is clicked
body: <p>The <code>ng-click</code> directive's event on a <code>button</code> element is being registered even by it's sibling <code>input</code> element.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="list list-inset"&gt;
    &lt;label class="item item-input"&gt;
      &lt;button class="button button-small button-icon icon ion-navicon" 
              ng-click="toggleLeft();$event.stopPropagation();"&gt;&lt;/button&gt;
      &lt;input type="text" placeholder="Search"&gt;
    &lt;/label&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Clicking inside the anywhere inside the <code>input</code> element also fires the click-event.
  How do i solve this?</p>