jquery - $().toggleClass(); 動作していません

Question

これがフィドルです。<div>を使用して独自のチェックボックスを作成し、 で色を適用しようとしています$().css()。をクリックすると、クリック機能で背景色を変更divしようとしています$().toggleClass()#96f226

jQuery:

$('div').mouseenter(function(){
    $(this).css('background','#656565');
});
$('div').mouseleave(function(){
    $(this).css('background','#4a4a4a');
});
$('div').click(function(){
    $(this).toggleClass('active');
});

HTML:

<div></div>

CSS:

div {
    width: 15px;
    height: 15px;
    background: #4a4a4a;
    cursor: pointer;
}
.active {
    background: #96f226
}