Функциональность команд jQuery ⇐ Html

[Anonymous]

Я работаю над веб-сайтом для своего проекта и пытаюсь включить в него несколько простых команд jQuery. Кажется, они не работают. Пожалуйста, прочитайте и сообщите мне, если я что-то упустил.

HTML-код:

Код: Выделить всё

 [url=index.htm]Home[/url]
[url=aboutus.htm]About us[/url]
[url=contactus.htm]Contact us[/url]

[url=forbusinesses.htm]For
businesses[/url]
[url=forusers.htm]For users[/url]




[img]http://i879.photobucket.com/albums/ab358/dylanhusted/bulletnlogotranssmall_zpsa04c3fed .png[/img]





[img]https://scontent-b-lga.xx.fbcdn.net/hphotos-prn1/v/1608452_3821343707689_2110853534_n.jpg?oh=ab5ebfd5dce574e97a43e9a7c0739583&oe=52D0F2AC[/img]

[img]https://scontent-b-lga.xx.fbcdn.net/hphotos-prn1/v/1551908_3821359708089_1101636385_o.jpg?oh=aa19a9ac5f5b5e4f3cf704858482803d&oe=52D11726[/img]


[url=index.htm]Home[/url]
[url=aboutus.htm]About Us[/url]
[url=contactus.htm]Contact Us[/url]

CSS-код:

Код: Выделить всё

body {
background-color: #ffffff;
}

#landing-page {
width: 100%;
position:relative;
width:100%;
padding-bottom: 40%;
height:0;
overflow:hidden;
z-index: -1;
}

#line {
margin-left: 0;
margin-bottom: 0;
width: 100%;
}

.orange-body {
width: 70%;
z-index: -3;
border-radius: 5px;
margin: auto;
}
.fluid-margin {
position:relative;
width:100%;
padding-bottom:8%;
height:0;
overflow:hidden;
}

.fake-header {
width: 70%;
position: absolute;
border-radius: 5px;
margin-top: 1%;
margin-left: 15%;
z-index: -0;
}

#logo {
width: 28%;
height: 63%;
margin-top: .7%;
margin-left: 14%;
z-index: 1;
}

.button {
display: inline-block;
font-family: Trebuchet MS;
color: #8d8d8d;
font-size: 110%;
padding: 5px;
}

Код jQuery:

Код: Выделить всё

$(document).ready(function() {
$('a').mouseover(function() {
(this).css("color", "#dfdbd8");
});
});

Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/210 ... ntionality