HTML5 аудио: Изменение внешнего вида с JavaScript

Question

В HTML5 можно включить звук с помощью простого тега:

<audio src="anySong.m4a" controls></audio>​ 

Теперь я пытаюсь изменить внешний вид с помощью JavaScript и JQuery, но он не работает. Может ли кто-нибудь отремонтировать мой пример или предложить другой очень простой способ?

Пример здесь: http://jsfiddle.net/T47XQ/5/

HTML:

<audio id="audio" src="http://a3.mzstatic.com/us/r1000/075/Music/35/e5/c6/mzm.pffzpdco.aac.p.m4a"> 
</audio> 

<div id="escolta">escolta</div> 
<div id="pausa">pausa</div> 

JAVASCRIPT:

$(function(){ 

    $("#escolta").click(function() { 
    $("#audio").play(); 
    }); 

    $("#pausa").click(function() { 
    $("#audio").pause(); 
    }); 

}); 

CSS:

#escolta,#pausa { font-family: Tahoma;letter-spacing:1px;font-size:11px;color: #6666;width: 80px;text-align: center;height: 20px;line-height: 20px;background-color: #ccc;cursor: pointer;} 
#escolta {position: absolute;top: 20px;left: 20px} 
#pausa {position: absolute;top: 20px;left: 150px} 

Answer 1

использование $('id')[0], чтобы получить сырье (http://jsfiddle.net/T47XQ/6/)