Javascript 无法使用JQuery模拟单击

我有一个下载音频文件的链接。我希望将其隐藏起来，并允许用户使用按钮调用它。但不知何故，我无法触发点击事件

以下是HTML：

<a class="APopupDown" data-icon="home" id="DownloadFile" href="http://yahoo.com/abc.mp3" download="My File Name">Download File</a>

<button data-icon="home" href="#" onclick="DlMsg()">Download</button>

Jfiddle的一个例子是

正如您所看到的，diredct链接起作用，但按钮不起作用。知道我做错了什么吗

谢谢

-----更新-------

---

我已经按照Jai的建议进行了更改。然而，它现在开始播放音频而不是下载，而我想要的是使用HTML5的下载功能。以下是您首先需要将

单击
事件绑定到该元素的：

$('#DownloadFile').click(function(e){
    e.preventDefault();
    window.location.href = this.href;
});

那么你的扳机就会工作了：

$('#DownloadFile').trigger('click');

我知道答案了。看看这把小提琴

资料来源：

<a class="APopupDown" class="test" data-icon="home" id="DownloadFile" href="http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3" download="My File Name">Download File</a>

<button data-icon="home" id="btnDownload">Download</button>

我就是这样用的

$("#DownloadFile").get(0).click();

要触发锚定单击事件。
谢谢。请看我上面的编辑。它没有下载文件。它开始在浏览器中播放，工作是JSFIDLE，而不是在应用程序中。我想知道为什么。
$("#btnDownload").click(function(e){
    $("#DownloadFile").get(0).click();
});

$("#DownloadFile").get(0).click();