title: Get the real clicked element tag name for once with jquery
body: <p>I want my click function to run for all elements and in that i wanna get the clicked element tag name.</p>
  
  <p>For a page like this for example,</p>
  
  <pre><code>&lt;html&gt;
  &lt;body&gt;
    &lt;form&gt;
     &lt;div&gt;
       &lt;input type="text"&gt;
       &lt;textarea&gt;&lt;/textarea&gt;
     &lt;/div&gt;
    &lt;/form&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>if i run this js code</p>
  
  <pre><code>$("*").live('click',function(evt) {
      alert(evt.target.tagName);      
  });
  </code></pre>
  
  <p>and click on the textarea, it alerts "TEXTAREA" for 5 times because it has 4 parents.</p>
  
  <p>Where to fix?</p>