Adding audio to click event

Question

I want to add a sound clip to a button on a game I am creating. Currently It doesn't do anything and I don't know why.

At the moment In the script I have...

var audio = $(".mysoundclip")[0];
$(".minibutton").onclick(function() {
    audio.play();
});

In the HTML I have...

<audio id="mysoundclip" preload="auto">
    <source src="http://www.wav-sounds.com/cartoon/bugsbunny1.wav"></source>
</audio>

Then I have CSS for .minibutton.

Any ideas why it won't work?

Answer 1

Your jQuery had some simple errors in it.

HTML

<audio id="mysoundclip" preload="auto">
    <source src="http://www.wav-sounds.com/cartoon/bugsbunny1.wav"></source>
</audio>
<button type="button">play</button>

jQuery

var audio = $("#mysoundclip")[0];
$("button").click(function() {
    audio.play();
});​

Fiddle: http://jsfiddle.net/iambriansreed/VavyK/

​