How to highlight active page in a master page menu

 ////////// HTML

<ul class="nav nav-list">

   <li><a href="Page1.aspx"> Page 1</a></li>

   <li><a href="Page2.aspx"> Page 2</a></li>

  <li><a href="Page3.aspx"> Page 3</a></</li>

  <li><a href="Page4.aspx"> Page 4</a></li>

  <li><a href="Page5.aspx"> Page 5</a></li>

</ul>

//////// Style

<style>

        .selectectMn {

            background-color: #aedff5 !important;

        }

    </style>

/////////////// Js

<script type="text/javascript" id="HighligtMenu">

   $(function () {

       Highligt_Menu_Urls();

     });

                                         Sys.WebForms.PageRequestManager.getInstance().add_endRequest(Highligt_Menu_Urls);

  function Highligt_Menu_Urls() {

    setTimeout(function () { Highligt_Menu(); }, 2000)

     }

    function Highligt_Menu() {

        var pageURL = $(location)[0].pathname + '' + $(location)[0].search;

        pageURL = pageURL.substr(1, pageURL.length);

        $('.nav-list ul li a').each(function () {

            $(this).removeClass("selectectMn");

        });

        $('.nav-list ul li a').each(function () {

            if (this.href.indexOf(pageURL) != -1) {

                $(this).addClass('selectectMn');

                return;

            }

        });

    }

 

</script>