Как правильно активировать\деактивировать кнопку по наведении мыши?

Доброго времени суток :)
Подскажите пожалуйста, как надо делать?
Хочу просто при наведении мыши на объект (в этом примере на кнопку) выключать (дисэйблить) его.
А если мышь с объекта убрать, то что бы объект снова становился активным.
При наведении кнопка становится неактивной, а вот потом активной снова - нет:(

<button>button</button>

var btn = document.querySelector('button');

function disableThis() {
  this.disabled = true;
}

function enableThis() {
  this.disabled = false;
}

btn.addEventListener('mouseover', disableThis, false);
btn.addEventListener('mouseleave', enableThis, false);

Вот в песочнице:
codepen.io/tispartaaaa/pen/ZOQPxa

Понимаю, что тут всё просто, но не выходит почему - то.