Jquery addClass Method not working.It does not change forecolor of anchor tag

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterOnyx.Master" AutoEventWireup="true"
    CodeBehind="MainPage.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        .style1
        {
         color:Green;
        }
    </style>
    <script src="Scripts/jquery-ui-1.8.23.custom.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.8.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#condo").hover(function () {
                $("#condo").addClass("style1");
            },
            function () {
                $("#condo").removeClass("style1");
            }
             );
        });
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="CPHBody" runat="server">
    <div class="DASMainDiv">
        <div style="float: left; margin-left: 33%; width: 321px; margin-top: 24%; height: 71px;">
            <h1>
                <a id="condo" href='ActionLog.aspx' style="color: #666666;">Condominium or HOA &nbsp;&nbsp;&nbsp;&nbsp;Software
                    Program</a></h1>
        </div>
    </div>
</asp:Content>