How to bind to a function dynamically, similar to live
<p>Let's say that I am using a 3rd party utility tool and I can't change the code in that cool. The tool does nothing else but</p>

<pre><code>$(this).live('click', function(){

 this.trigger('custom:callback');

});
</code></pre>

<p>The way I use it is</p>

<pre><code>$('a').bind('custom:callback', function(){
  alert('callback is being invoked');
});
</code></pre>

<p>Above code works fine. However if I dynamically create an 'a' element then I HAVE to run </p>

<pre><code>$('a').bind('custom:callback', function(){
  alert('callback is being invoked');
});
</code></pre>

<p>otherwise the callback by the third party tool does not work.</p>

<p>Is there a way to setup the binding dynamically so that if I dynamically create an 'a' element then I don't need to run the code. </p>
