单击导航中的每个链接，我正在播放一个小型音频剪辑

HTML代码：

<audio tabindex="0" id="beep-one" controls preload="auto" >
    <source src="audio/Output 1-2.mp3">
    <source src="audio/Output 1-2.ogg">
</audio>

JS代码：

$('#links a').click(function(e) {
    e.preventDefault();
    var beepOne = $("#beep-one")[0];
    beepOne.play();
});

到目前为止，一切正常。

问题是，当声音剪辑已经在运行时，我单击任何链接都不会发生任何事情。

我尝试停止单击链接时已经播放的声音，但是HTML5的音频API中没有直接的事件

我尝试了以下代码，但无法正常工作

$.each($('audio'), function () {
    $(this).stop();
});

有什么建议吗？