jquery problems

Question

so I'm having problems with my script in jquery here it is
$('#ac').mouseenter(function() {$(this).css('background-color','orange')});
$('#ac').mouseleave(function() {$(this).css('background-color','red')});
$('#ac').click(function(){ $(this).css('background-color','yellow')});
does anyone know what I did wrong

Answer 1

$('#ac').hover(function () {}

Answer 2

The first line should be
$('#ac').on("mouseover", function() {
$(this).css({backgroundColor: 'orange'})
});

Write CSS properties in camelCase.