title: jQuery.on('click') before jQuery.click?
body: <p>I have an external script, which I can't modify. This script load a <code>&lt;a&gt;</code> button, and add a jQuery .click on it... and it finish with &quot;return false&quot;.</p>
  <p>I need to trigger my own code on this click. When I load the page the <code>&lt;a&gt;</code> doesn't exist, so I need to use <code>.on('click')</code> to bind &quot;live&quot;. But it looks like the <code>.on('click')</code> is loaded &quot;after&quot; the .click and as he use &quot;return false&quot;, my <code>.on('click')</code> is not loaded.</p>
  <p>So the question is... How can I trigger my on click on this dynamically loaded a#btn which already has a .click function returning false?</p>
  <p>Here is the fiddle :
  <a href="http://jsfiddle.net/PLpqU/" rel="nofollow noreferrer">http://jsfiddle.net/PLpqU/</a></p>
  <p>And here a code example :</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div id=&quot;container&quot;&gt;&lt;/div&gt;
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>// I want this action to be executed on click, and the other too
  // I can't use .click because on the &quot;real&quot; code, the a#btn is loaded after the page by another script
  jQuery(document).on('click','a#btn',function(){
          ga('send', 'event', { eventCategory: 'xxxx', eventAction: 'yyyy' });
  }) ;
  
  // http://www.xxxxxx.com/distant-script.js
  // This one is binded in a script that I cannot edit :
  // Just before it load a#btn on the page, and then bind .click on it
  // as he return false, the other on('click') are not executed
  jQuery('#container').append('&lt;a id=&quot;btn&quot; /&gt;') ;
  jQuery('a#btn').click(function(){
      // Some code stuff I need to be executed, but I can't manage
      return false ;
  }) ;
  </code></pre>
  <p>As you can the, the objective is to trigger a Google Analytics event on a link button loaded by a distant script.</p>