I would like to perform jquery functions.

Play some specific audio on the first click (e.g. beep sounds <http://www.soundjay.com/button/beep-07.wav>) of the user, then play the second sounds (e.g.Cat sounds <http://static1.grsites.com/archive/sounds/animals/animals021.wav>) on the second click and third audio on the third click and so on. Here is the code.

```html
<body>

  <style>#container{
  width:100vw;height:100vh;
  background-color:red;
}</style>
    <script>
  function play(){
       var audio = document.getElementById("audio");
       audio.play();           }
   </script>

<div id="container" value="PLAY"  onclick="play()"> CLICK  
   <!--SOUND-1-->
<audio id="audio" src="http://www.soundjay.com/button/beep-07.wav" >
   <!--SOUND-2-->
<audio id="audio" src="http://static1.grsites.com/archive/sounds/animals/animals021.wav" ></audio>
 <!--SOUND-3-->
<audio id="audio" src=" http://static1.grsites.com/archive/sounds/animals/animals011.wav" ></audio>

 </body>
```

Is there a way to combine the functions?