bind click handler to body only after click on element
<p>i have a very conceptual question regarding jquery. i have this fiddle</p>

<p><a href="http://jsfiddle.net/zvCrN/" rel="nofollow">http://jsfiddle.net/zvCrN/</a></p>

<p>What i want to do is:
bind a click handler to the link. 
click on the link to display an alert. 
Only after this has happened, bind a click event handler to body, so that clicks anywhere in the body display a different alert. </p>

<p>I'm sure it's trivial, i just can't wrap my head around it. How can i bind the handler to body so it doesn't trigger on the link click as well?</p>

<p>Any help appreciated, </p>
