jQuery onclick event for <li> tags
<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>

<p>Thanks in advance.<br>
AM         </p>
