Anchor link active Probelm after selected

See more:

ASP.NET

CSS

jQuery

I have used these for highlighted the selected link but after clicking that link the link background color deactivated so please help how to resolve this


this is my code

JS

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
   <script type="text/javascript">

       $(document).ready(function () {
           $('.header a').click(function () {
               $('.header').removeClass('active');
               $(this).parent().addClass('active');
           });
       });
   </script>

CSS

<style type="text/css">
       .header {

           font-size: 16px;
           width:120px;
       }

       .active {
           background-color: red;
       }
       .active a {
            color:yellow;
        }

   </style>

Asp.net

<div class="header">
       <ul>
           <li class="header">
               <a href="#">Home</a>
           </li>

           <li class="header">
               <a href="#">about</a>
           </li>

           <li class="header">
               <a href="#">contact</a>
           </li>
   </div>