jquery - jQuery Mobileページのurlパラメーターを介してmp3をロードする

Question

jquery モバイルに mp3 ファイルの xml リストがあり、url を介して mp3 パスを渡すことでユーザーを HTML5 オーディオ プレーヤーに誘導し、オーディオ タグの src に挿入します。ただし、src は、更新を押したときにのみ変更され、初めて読み込まれたときは変更されません。私は何が欠けていますか？コードは次のとおりです。

$( document ).bind( 'pageinit',function(event){
    var url = $.url();
    var mp3 = url.attr('query');
    var play = document.querySelector("audio");
    play.src=mp3; 
    play.load();
});

と

<div data-role="page" id="audiopage" data-ajax="false">
<div id="audio">
<audio controls="control" preload="none" src="" type="audio/mp3" id="sound"></audio>