Привязать(bind) на событие вида mousemove

Есть html:

<div class = "centerBlock" id="result">
        <h2>О хоккейной экипировке</h2>
        <div align = "left">
        <p>Хоккей является одной из самых жестких и быстрых командных игр. 
        </p>
        </div>
</div>

Надо привязать bind-ом событие mousemove, я так понимаю, что при нахождении дескриптора мыши в блоке, сработает событие mousemove. Реализовал:

  $('#centerBlock').bind('mousemove',function() {
            centerBlock.setAttribute('border-width', '20px');
            centerBlock.setAttribute('border-color', 'green');
    });

Получается, когда указатель на блоке - устанавливаем такие-то атрибуты. Но не работает

css:

div.centerBlock{
position:absolute;
left:36%;
top:30%;
width:51%;
text-align: center;
color:white;
font-size:23px;
float: left;
margin: 0 1% 1% 1%;
border-radius: 60px 60px 0 0 / 5px 5px 0 0;
background:  #FFF5EE;
-webkit-box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.75);
box-shadow: 1px 3px 16px 0px rgba(0,0,0,0.75);
padding: 20px 20px 20px 20px;
background-image:linear-gradient(to top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
border: 2px solid #F64C2B;
}