HTML5 audio player. Cannot change the src element

I am trying to dynamically change the value of the src of my HTML audio player and for some reason I can't change it and it stuck on it's placeholder value. This is my HTML element:

    <audio controls preload="none" style="width:480px;">
    <source id="mp3" src="placeholder" type="audio/mp3" />
    </audio>

And this is my Javascript:

var tempMp3 = "http://ift.tt/1EnpKZi";
$("#mp3").attr("src", tempMp3);

Anybody knows what silly mistake am i doing here?

Cheers