title: jQuery event.target with <a> and <p> tags
body: <p>I have a jQuery event for all <code>&lt;a&gt;</code> tags set up like this</p>
  
  <pre><code>$('a').live('click', function(event)
  </code></pre>
  
  <p>and I am getting the href of the tag using this</p>
  
  <pre><code>var href = event.target.href;
  </code></pre>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;a href="/test/path/"&gt;
       &lt;p&gt;My Link&lt;/p&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I can successfully log <code>var href</code> in the console when I click in the area of the <code>&lt;a&gt;</code> tag, but when I click on the text (the <code>&lt;p&gt;</code> tag within the <code>&lt;a&gt;</code> tag), my console says 'undefined' for event.target.href and '[object HTMLParagraphElement]' for event.target.</p>
  
  <p>How can I check if the user is clicking on the text and get the href value of the <code>&lt;a&gt;</code> tag it is child of?</p>