Estoy haciendo un piano que reproduce los sonidos mediante un onclick pero cuando clico 2 veces en la misma nota y la primera vez sigue reproduciendose la segunda no reproduce el sonido.

El ejemplo es este:

http://94.177.214.187/piano.php

y este es el código:

    $(document).ready(function()) {

			var sonido = document.getElementById("sonido");
			var sonido2 = document.getElementById("sonido2");
			var sonido3 = document.getElementById("sonido3");  }

El sonido lo coge de aqui:

     <audio id="sonido">
    <source src="midia/220-A%20(mp3cut.net).mp3">
</audio>
    <audio id="sonido2">
    <source src="midia/246-B%20(mp3cut.net).mp3">
</audio>
    <audio id="sonido3">
    <source src="midia/261-C%20(mp3cut.net).mp3">
</audio>`

Y el onclick es este:

       <map name="image-maps-2017-03-24-070855" id="pianomaps">
				<area id="negra1" alt="" title="negra1" onclick="sonido16.play()" shape="rect" coords="34,0,62,178" style="outline:none;" target="_self"     />
				<area id="negra2" alt="" title="negra2" onclick="sonido17.play()" shape="rect" coords="97,0,125,178" style="outline:none;" target="_self"     />
				<area id="negra3" alt="" title="negra3" onclick="sonido18.play()" shape="rect"  coords="316,0,344,178" style="outline:none;" target="_self"     />
				
Gracias de antemano.