Problemy z "hover" w jQuery

Question

Cześć, nie ma reakcji na mój kod js:

$("#button").hover(
  function() {
    $(this).next('.marginline').addClass("marginlineactive");
  }, function() {
    $(this).next('.marginline').removeClass("marginlineactive");
  }
);

A tak to wygląda w html:

<div id="button"><div class="marginline"></div><div id="buttonicon"><div class="icon"><img src="ikonki/menu/play.svg"></div></div><div id="buttontext">PLAY</div></div><div style="clear:both;"></div>

Widzicie gdzieś błędy? ;)
Pozdrawiam