JS mouseover/mouseout, циклы...

У меня есть к примеру 100 блоков div с классом ".menu2". Как создать событие mouseover/mouseout для каждого блока?
Я пробовал кодом ниже, но в таком случае нужно переберать eq() от нуля до eq(99) в ручную и код просто огромный;
меня конечно результат удовлетворяет, но хотелось бы научится делать по-нормальному. Пытался циклами но не получается. Если кто-то может то пожалуйста покажите пример.

$('.menu2:eq(0)').mouseover('click',function(){
$('.menu2:eq(0)').css('background','red')
});

$('.menu2:eq(0)').mouseout('click',function() {
$('.menu2:eq(0)').css('background', '#00FFFF')
});