title: Why is the onClick event triggered twice?
body: <p>I have the following html:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;span onclick="alert('Boem')"&gt;
      &lt;button id="test1"&gt;test&lt;/button&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>When I call the following javascript:</p>
  
  <pre class="lang-js prettyprint-override"><code>$('#test1').trigger('click');
  </code></pre>
  
  <p>The onclick event is triggered twice, while I expect it to just trigger once. Because JQuery should look up in the DOM tree and find only one onclick.</p>
  
  <p>I do not have control of the span, it is generated in a third party tool. I do have control over the button and his parameters.</p>
  
  <p>You can find a JSFiddle example here:
  <a href="http://jsfiddle.net/Voga/v4100zke/" rel="noreferrer">http://jsfiddle.net/Voga/v4100zke/</a></p>
  
  <h2>Update</h2>
  
  <p>I do not know the contents of the onclick listener of the span. This is also generated by the 3rd party tool. I want the click trigger to execute this onclick like it does now, but only once.</p>