Assigning the value of an array to div

Hey guys am creating a simple audio player and am stuck. i want to be able to play music from the second div but it only plays in the first div thanks in advance for anyone's help.

<!------ first div ---->
<div class="pwrapper">
     <div class="play" id="play"></div>
     <div class="title" id="title"></div>
</div>

<!--- second div ---->
<div class="pwrapper">
     <div class="play" id="play"></div>
     <div class="title" id="title"></div>
</div>

<script>  

     ///javascript function
function eplay(){

     var play,title,songs_list = 0,eplay=new Audio();
    songs =["1","2",];  
    play = document.getElementById("play");
    title = document.getElementById("title");
    eplay.src = songs[song_list]+".mp3";

    title.innerHTML = songs [song_list];
play.addEventListener("click",Play);

function Play(){

 if(umm.paused){
         eplay.play();

            }
      else{     
        eplay.pause();
                        }

      }
}
  window.addEventListener("load",eplay);
</script>