How to highlight active page in HTML menu inside MasterPage in ASP.Net

for example when i click Tickets page , it should change to active class  , i've fingured out the class contains "active" will change master page menu to be highlighted

so can you help me writing javascript to add class"active" automaticaly when clicking menu   and remove class"active" when you click other menu ?

thanks in advance

<a class="brand" href="index.htm"><span class="color-highlight"></span>Booking </a>
          <div class="nav-collapse">
            <ul class="nav pull-right">
              <li class="active"><a href="index.htm">Home</a></li>
              <li><a href="Tickets.aspx">Tickets</a></li>
              <li><a href="Exhibition.aspx">Exhibition</a></li>
			  <li><a href="Contact.aspx">Contact</a></li>
			  <li><a href="About.aspx">About</a></li>
            </ul>
          </div><!--/.nav-collapse -->

.navbar .nav .active > a, .navbar .nav .active > a:hover {
text-decoration: none;
color: #fff;
background-position: 0 0;
background-image: blue;
background-size: 100%;
}
.navbar .nav > li > a {
float: none;
margin: 25px 10px 5px;
padding: 5px;
font-size: 18px;
line-height: 19px;
margin-left: 20px;
color: #999999;
border: none;
background-image: blue;
background-size: 100%;
background-position: -200px -10px;
background-repeat: no-repeat;
font-family: 'Lato', sans-serif;
-webkit-transition: background-position .5s ease, color .8s ease;
-moz-transition: background-position .5s ease, color .8s ease;
-o-transition: background-position .5s ease, color .8s ease;
}