Воспроизведение аудио при наведении курсора с Jquery

Question

У меня есть аудиофайл, и я хочу, чтобы он воспроизводился, как только курсор наведет курсор на div, в котором находится аудиофайл.

По любой причине он работает только с функцией щелчка, но не с функцией наведения / мыши.

Это работает:

$(".interview").on("click",function(){
   $(this).find("#audio")[0].play();
});

Это не работает:

$(".interview").on("hover",function(){
   $(this).find("#audio")[0].play();
});

Answer 1

Hover устарел с jQuery 1.8.ref Jquery на hover не работает

 $(".interview").hover(function(){
       $(this).find("#audio")[0].play();
  });

(или) использовать mouseenter событие ref https://api.jquery.com/mouseenter/

$(document).on('mouseenter','.interview',function(){
 alert(1)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="interview">hover me</div>