jQuery: Executing multiple actions on the same event on the same element but at two different points in time
<p>We know that multiple calls to $(document).ready(); in the same page is possible.  I need something similar for click events.</p>

<p>Situation:
Another team implemented this somewhere in an external JS file:</p>

<pre><code>$('#element').live('click', function() { /*  Do this */} ); 
</code></pre>

<p>It's a live() click listener on #element.  I cannot modify this code or that file, but I need to take an additional action on the same element on the same event.  So, two actions will occur when #element is clicked. In other words, I need this equivalent:</p>

<pre><code>$('#element').live('click', function() { /*  Do this */} ); 
/* Some code later... */
$('#element').live('click', function() { /*  Add another action */} ); 
</code></pre>

<p>I tried doing the above, but the second call does not fire. It needs to be .live() since #element is being dynamically added.</p>

<p>Is there any way to add more actions to the same event on #element?  Thanks.</p>
