[Начинающий-Js-кодер]

Есть такой HTML код:

<div style="border: 2px black solid; padding:50px; height: 100px;" id="nested1">
    <div style="border: 1px blue solid; height: 100px; text-align:center;line-height:100px" id="nested2">
	DROP
    </div>
</div>

Как на Jquery сделать чтобы при наведении на nested1 он подсвечивался, а если навожу на nested2 nested1 не подсвечивался, а только nested2 подсвечивался.
Что-то с вложенностью. а как правильно не знаю.
Спасибо.