[jQuery]audioタグを動的に作成

どうすれば、audioタグをjQueryで動的に作成することができるのだろうか？
ざっと思いつくのが下記のソース

var audio = $('audio'); audio.attr('src','hoge.mp3'); $('body').append(audio);

実際にこれだと、オーディオが表示されない。

なぜだろうか？

HTML5タグリファレンスのaudioタグの説明によると、インターフェースを表示するには、controls属性を付与する必要があるとのこと。

よって、

var audio = $('audio'); audio.attr('src','hoge.mp3'); audio.attr('controls','controls'); $('body').append(audio);

chromeで実験してみたところ、これでうまくいきました。

ちょっと注意ですね。