Preserving link and default state using cookies

Question

Hello,
I am not sure where to post this with the re-design of this forum; it's been a while so please forgive me if this is in the wrong g place.
I have a very basic link wrapped in a UL tag.
I am using JQuery to give the links a color when they are clicked by performing an add/remove class function, the link state is than preserved by cookies so if a user returns to a page; it shows what tab they were viewing.
The problem is; this is a single page and I want to set a default link or tab; say the first one. I do not know how to do this.
This is what I am looking to accomplished:
A user visits the page and the first link is colored red (default)
If the user clicks on another link that link becomes active and the first link looses it's default status
When the user returns the first link is nolonger the default, it is whatever link the user selected when first visited; that's because that link was rememberd using cookies.
The first link will ONLY maintain the default state if the user deletes his cookies or visits the page for the first time.
Here is a peice of JQuery I have used to maintain the selected state:
$(document).ready(function() {
    var idActive = $.cookie('cookieActive');
    if (idActive) {
        $('#'+idActive).addClass('activeLink');
    $('ul li a').click(function() {
        var id = $(this).attr('id');
        $("ul li a").removeClass("activeLink");
        $(this).addClass("activeLink");
        $.cookie('cookieActive', id);
        $.cookie('cookieActive', id, { expires: 10000});

Answer 1

Good day Mr. Powers!!
Thank you as always; you are so helpful.
I am editing this post because I did not get this to work due to my error with applying the ID.
It is working now and thank you so much!
By the way any more PHP books in the works?
DR
Code is now working with selecting default tab.