How to dynamically change anchor tag styles of one page from another page in asp.net

See more:

ASP.NET

jQuery

CSS3

I have "Home Page" with header DIV and two iframes which is divided left and right.

Header div contain few anchor tag with some styles and styles written in Jquery. When user clicks anchor tag it will highlighted.

<script type="text/javascript">
        $(document).ready(function () {
            $('#lnkHomePage').click(function () {
                $('#lnkHomePage').css('background-color', '#498120');
                $('#lnkHomePage').css('color', '#fff');

                $('#lnkMyProf').css('background-color', '#fff');
                $('#lnkMyProf').css('color', '#556B2F');

                $('#lnkChgPwd').css('background-color', '#fff');
                $('#lnkChgPwd').css('color', '#556B2F');
            });

            $('#lnkMyProf').click(function () {
                $('#lnkMyProf').css('background-color', '#498120');
                $('#lnkMyProf').css('color', '#fff');

                $('#lnkChgPwd').css('background-color', '#fff');
                $('#lnkChgPwd').css('color', '#556B2F');

                $('#lnkHomePage').css('background-color', '#fff');
                $('#lnkHomePage').css('color', '#556B2F');
            });

            $('#lnkChgPwd').click(function () {
                $('#lnkChgPwd').css('background-color', '#498120');
                $('#lnkChgPwd').css('color', '#fff');

                $('#lnkHomePage').css('background-color', '#fff');
                $('#lnkHomePage').css('color', '#556B2F');

                $('#lnkMyProf').css('background-color', '#fff');
                $('#lnkMyProf').css('color', '#556B2F');
            });

        });
    </script>

Left side i loaded Menu Tree View page.

When user clicks left side frame (menu tree view aspx), if anchor tag is highlighted in the header div then i must remove the highlighted styles.

Can any one please tell me how to do this?