title: jQuery $(this).tagName returns "HTML"
body: <p>I have this jQuery code:</p>
  
  <pre><code>    $('*').mouseover(function() 
      {
          $('#log').text($(this)[0].tagName);
      });
  </code></pre>
  
  <p>And In my page, I have a bunch of elements, and a DIV with the id "log". When the user mouses over any of the elements, I want their element name (e.g. <code>p</code> or <code>h2</code>) to appear in the <code>#log</code>. But whenever I mouse over anything, it returns <code>HTML</code>. How do I fix this?</p>