title: Get href of wrapping anchor on click
body: <p>I need to be able to get the href (or somehow get the target url) of any <code>&lt;a&gt;</code> tag that is clicked even if it is wrapping another element.  For example, you could ordinarily do:</p>
  
  <pre><code>$("document").click(function (event) {
     url = event.target.href;
  });
  </code></pre>
  
  <p>However, in this example, the <code>&lt;a&gt;</code> wraps an <code>&lt;img&gt;</code>, so the event target will not have the <code>href</code>.  Using <code>parentNode</code> is no good either, because there is also a span around the img in the example:</p>
  
  <p><a href="http://jsfiddle.net/z7ZYw/" rel="nofollow">http://jsfiddle.net/z7ZYw/</a></p>
  
  <p>I cannot change the selector either.</p>
  
  <p>So is there any way to get the href in this circumstance?</p>