jQuery: give precedence to an event
<p>Is there a way to give precedence to an event? So in the below example it always fires the div1 event first but I want to fire the div2 event first. I could move div2 outside of the div1 div but it would include a bit more work because of other things (which I will do if it's the best option).</p>

<p>Also, is this a modern method? I know people talk about using .on over .live, but I don't think .click has a problem does it?</p>

<pre><code>&lt;div id="div1"&gt;
    Various content etc.
    &lt;div id="div2"&gt;XXclickable content hereXX&lt;/div&gt;
&lt;/div&gt;

$('#div1').click(function(e) {
    alert("clicked 1");
});
$('#div2').click(function(e) {
    alert("clicked 2");
});
</code></pre>
