2. <div id="GroupMenu">
3.     <div id="navPremium2">
4.         <ul id="ulList" >
5.             <li id="liHome" class="GSTab" onclick="GSToggle(this)">
6.             </li>
7.             <li id="liAbout" class="GSTab" onclick="GSToggle(this)">
8.             </li>
9.         </ul>
10.     </div>
11. 
    
12. </div>
13. 
    
14. <script type="text/javascript">
15. 
    
16.     $(document).ready(function () {
17.     });
18. 
    
19.     function GSToggle(CurrentTab, Opt) {
20.         $(".GSTab").removeClass("selected");
21.         $('#liHome')[0].className = "GSTab";
22.         $('#liAbout')[0].className = "GSTab";
23.         $(CurrentTab)[0].className = "selected";
24.     }
25. </script>

My problem is that line 20 does not work, it does nothing.

All I am trying to do is set a "selected" class on the "li" object that has been clicked.

The next three lines seem to work/

I did try this:

1. $(CurrentTab)[0].addClass("selected");

But I get this error: Object doesn't support property or method 'addClass'