jquery - 基本的な jQuery ナビゲーションの色の変更

Question

おそらく最も基本的なjqueryの質問の1つに対する答えを見つけるのに苦労しています:

次のように「a」要素の背景色を青に変更したいと思います（単純な構文の問題だと思います）

[これは CSS で行うのが最適であることは承知していますが、jquery を学習しようとしています]

HTML:

<ul>
    <li><a href="">Make</a></li>
    <li><a href="">Me</a></li>
    <li><a href="">Blue</a></li>
</ul>

CSS:

ul {
     list-style:none;
}

li {
     float:left;
}

a {
     display:block;
     text-decoration:none;
     background-color:red;
     height:40px;
     width:100px;
     margin-right:1px;
     text-align:center;
     line-height:40px;
     color:white;
}

jQuery:

$('a').hover(function() {
    $('a').css('background-color', 'blue');
});

jsFiddle はこちら: http://jsfiddle.net/liquidengine/jRM2K/2/