Переключить активный класс на панели навигации с помощью JQuery

<ul>
                <li id="tabHome" class="active"><a href="@Href("~")">Home</a></li>
                <li id="tabCMDS"  ><a href="@Href("~/CMDS")">CMDS</a></li>
                <li id="tabServiceMonitor" ><a href="@Href("~/Monitor")">Service Monitor</a></li>
                <li id="tabBatchInterface" ><a href="@Href("~/BatchInterface")">Batch Interface</a></li>
            </ul>

Итак, я хотел привязать к щелчку каждого из этих идентификаторов и установить class = "active" на том, по которому щелкнули, и удалите его из всех остальных.

Я могу сделать первую часть, но как я могу сделать последнюю?