title: jQuery click not working on the <i> tag
body: <p>Here is a <a href="http://jsfiddle.net/rZkG2/1/" rel="nofollow">jsFiddle</a> that doesn't seem to work. It might be because of the <code>&lt;i&gt;</code> tag, if so please tell me why. I am trying to use <code>font-awesome</code> icons and if clicked I want to call certain things in jQuery.</p>
  
  <p>jquery:</p>
  
  <pre><code>$('#video-mirrors-handler').click(function() {
      // var class = $('ul.video-mirrors').attr('class');
      alert('test');
      alert(class);
  });
  </code></pre>
  
  <p>and html:</p>
  
  <pre><code>&lt;div class="video-player-overlay"&gt;&lt;i id="video-mirrors-handler"&gt;test&lt;/i&gt;
  
  &lt;/div&gt;
  &lt;ul class="video-mirrors"&gt;
      &lt;li&gt;hey&lt;/li&gt;
      &lt;li&gt;bye&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>