title: jQuery onclick event for <li> tags
body: <p>I have the following menu items generated by a template generator, artisteer:</p>
  
  <pre><code>&lt;ul class="art-vmenu"&gt;
  
  &lt;li&gt;&lt;a href="#" &gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;
          &lt;span class="t"&gt;Home&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;    
  &lt;li&gt;&lt;a href="#" &gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;
          &lt;span class="t"&gt;Create User&lt;/span&gt;&lt;/a&gt;&lt;/li&gt; 
  &lt;li&gt;&lt;a href="#" class="active"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;
          &lt;span class="t"&gt;List Users&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;  
  &lt;li&gt;&lt;a href="#"&gt;&lt;span class="l"&gt;&lt;/span&gt;&lt;span class="r"&gt;&lt;/span&gt;
          &lt;span class="t"&gt;Admin&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;   
  &lt;/ul&gt;
  </code></pre>
  
  <p>I want to capture the onclick event for <code>&lt;li&gt;</code> with a single jQuery function:
  I've tried this which is incomplete:</p>
  
  <pre><code>$(document).ready(function() 
  {
     $('ul.art-vmenu li').click(function(e) 
     { 
      alert(this);
     });
  });
  </code></pre>
  
  <p>I can go as far as seeing this is a HTMLliElement but cannot figure how to get the menu text or id for it?   </p>
  
  <p>How is menu click usually captured with jQuery?      </p>