How to clarify the state of menu item by jquery?

[Xtreme54]

I have the following menu :\[code\]<div> <ul class="menu"> <li id="2" class="inactive"><a href="http://stackoverflow.com/questions/12620228/frm_Items.aspx" id="lnk_Draft" runat="server">1 <asp:Label ID="lbl_DraftCount" runat="server" CssClass="counter"></asp:Label></a></li> <li id="3" class="inactive"><a href="http://stackoverflow.com/questions/12620228/#" id="lnk_Inbox" runat="server">2 <asp:Label ID="lbl_InboxCount" runat="server" CssClass="counter"></asp:Label></a></li> <li id="4" class="inactive"><a href="http://stackoverflow.com/questions/12620228/#" id="lnk_Outbox" runat="server">3 <asp:Label ID="lbl_OutboxCount" runat="server" CssClass="counter"></asp:Label></a></li> <li id="5" class="inactive"><a href="http://stackoverflow.com/questions/12620228/#" id="lnk_Archive" runat="server">4 <asp:Label ID="lbl_ArchiveCount" runat="server" CssClass="counter"></asp:Label></a></li> <li id="6" class="inactive"><a href="http://stackoverflow.com/questions/12620228/#" id="lnk_New" runat="server">5 </a></li> <li id="Li1" class="inactive"><a href="http://stackoverflow.com/questions/12620228/#" id="lnk_Search" runat="server">6 </a> </li> </ul> </div>\[/code\]I have a css class for \[code\]active\[/code\] and i wanna some jquery to toggle between active and inactiveaccording to user click.