how to make a:hover to work after changing link color with jquery?

how to make a:hover to work after changing link color with jquery?

hi,
i changed the color of a link by using jquery. before the link was like this:
  1. <a id="1" href="#">My Link</a>

after using jquery like this:
  1. $("#mainnavi li a:eq(0)").click(
             function() {
                $(".subnavi_container").hide("fast");
                $(".subnavi_container:eq(0)").show("slow");
                $("#mainnavi li a").css("color", "#aaa9ab");
                $("#mainnavi li a:eq(0)").css("color", "#373438");
             }
        );







the link looks like this:
  1. <a id="1" href="#" style="color: rgb(55, 52, 56);">My Link</a>

obviously the a:hover which is in my externel css file wont work anymore. How can i change a link color with jquery and keeping my css hover functionality working?

Thank!