title: Onclick is called twice
body: <p>Here's the code: </p>
  
  <pre><code>&lt;label onclick="event.stopPropagation(); alert(event.target.innerHTML);"&gt;
      &lt;button&gt;
          button
      &lt;/button&gt; 
      &lt;span&gt;
          span
      &lt;/span&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>(and the fiddle: <a href="http://jsfiddle.net/YsYKq/1/" rel="nofollow">http://jsfiddle.net/YsYKq/1/</a>)</p>
  
  <p>If one clicks on the button, only <code>button</code> is alerted, but when on span - both <code>span</code> and <code>button</code> are alerted - so the <code>onclick</code> function is called twice.</p>
  
  <p>How can I prevent this? I need <code>onclick</code> to be called only once.</p>