jQuery mouseenter、mouseleave で変数のやりとりはできますか？

Question

日付が複雑に入り組んだ表で、同じ年月日をもつ要素を探し、
マウスオーバー時に背景色を変えることはできたのですが、
マウスアウトした時に、元の色に戻すことができません。

動的な要素なので、
mouseenter、mouseleave を使っています。
mouseenter　の方はうまく動いています。

マウスオーバー時に取得した元の内容を、変数にして、
マウスアウト時に適用したいと思っていますが、以下の方法ではうまくいきません。

$('td.fc-day-top').on({
    'mouseenter' : function(){
        var dateTime = $(this).attr("data-date");
        var beforeColor = $(this).css('background-color');
        $("td.fc-day[data-date='" + dateTime + "']").css('background-color', '#eee');
     },
    'mouseleave' : function(dateTime, beforeColor){
        console.log(dateTime);
        console.log(beforeColor);
        $("td.fc-day[data-date='" + dateTime + "']").css('background-color', beforeColor);
     }
});

元の色に戻すにはどうしたらよいでしょうか？
変数をグローバルにするとかでしょうか。
jQuery ではなくCSSでやった方がよければそれでもかまいません。
よろしくお願い致します。

Answer 1

$('td.fc-day-top').on({
    'mouseenter' : function(){
        var dateTime = $(this).attr("data-date");
        var beforeColor = $(this).css('background-color');
        $("td.fc-day[data-date='" + dateTime + "']").css('background-color', '#eee');
     },
    'mouseleave' : function(){
        var dateTime = $(this).attr("data-date");
        var beforeColor = $(this).css('background-color');
        $("td.fc-day[data-date='" + dateTime + "']").css('background-color', beforeColor);
     }
});

Answer 2

mousenter時にdata('datetime')やdata('backgroundcolor')にデータを保持しておけばよいでしょう

Comments

[Web_akira]

やはりそれしかありませんか…。
kei344様の回答では、残念ながら思ったような動作にはなりませんでした（マウスアウトして戻りません）。
ありがとうございました。