I am changing the color of a link after it is selected. The color is changing, but when the selected page is rendered it returns to the default color.

php pages look like this:

```
<!DOCTYPE html>
<html>

<?php
    $Page = "Contact";

    include 'header.php';
?>

<body>

    <?php
        include "facebook.php";
    ?>

    <?php
        include "headers.php";
    ?>

    <?php
        include "navBar.php";
    ?>

    <?php
        include "containers.php";
    ?>

    <?php
        include "footer.php";
    ?>

</body>

</html>

```

navigation bar where selection is made:

```
<div class="navBar">
        <a class="aNavBar" href="index.php">Home</a>     <a class="aNavBar" href="about.php">About</a>     <a class="aNavBar" href="galleries.php">Gallery</a>     <a class="aNavBar" href="equipment.php">Equipment</a>     <a class="aNavBar" href="links.php">Links</a>     <a class="aNavBar" href="contact.php">Contact</a>
    </div>

    <script>
       $(document).ready(function()
        {
            $('.navBar a').click(function()
            {
                var href = $(this).attr('href'); //location.href;
                alert(href);
                $(this).addClass('selected');
            });
        });
    </script>

```

I've tried putting code in the main (contact).php file, but the same thing is occurring.