javascript - ホバー時に JQuery を使用して背景色を変更する

Question

現在、Ruby on Rails を使用して Web サイトのコーディングとプログラミングを行っていますが、ページ内のかなり基本的な要素に問題があります。基本的に、私のバックエンド システムには毎月変わる色が含まれており、その色が抽出され、Web サイト全体で複数の要素に使用されます。これもその要素の一つ…

内部に画像を含むdivがあり、すぐにリンクになります。JS または JQuery を使用して、この要素をホバー時の背景色に変更したいと考えています。単純なことはわかっているのですが、なぜか理解できません。セットアップ全体の jsfiddle を含めます。

HTML:

<div class="contribute_buttons">
    <img src="https://s3.amazonaws.com/static-passenger2/images/shop_and_support.png">
</div>

CSS:

.contribute_buttons {
    width: 300px;
    height: 39px;
    float: left;
    background-color: #393839;
    margin-top: 5px;
    margin-bottom: 15px;
}

ジャバスクリプト:

$(document).ready(function() {
    var colorOrig=$(".contribute_buttons").css('background');
    $(".contribute_buttons").hover(
    function() {
        //mouse over
        $(this).css('background', '#AAEE00')
    }, function() {
        //mouse out
        $(this).css('background', colorOrig)
    });
});

http://jsfiddle.net/EQeMs/

助けてくれてありがとう！