Play audio by id

Ceritanya sy membuat al-qur'an berbasis web. Jadi sy ingin memutar audio/mp3 per ayatnya dengan mengklik button. Sebenarnya tag audio yg disediakan html sudah ada, hanya saja kurang bagus saja. Berikut ini tampilan dari aplikasi yang sy buat Nah sy ingin, saat tombol play tersebut di klik, akan memutar audio berdasarkan ayat yang di pilih.

Berikut ini kode list ayatnya

<div class="container">
      <?php foreach($baca->result_array() as $bc): ?>
      <div class="row">
        <div class="col-sm-1">
          <audio id="verse<?php echo $bc['VerseID']; ?>" src="<?php echo base_url(); ?>assets/mp3/afasyi/<?php echo $bc['mp3']; ?>"></audio>
          <button onclick="play()" type="button" class="btn btn-primary btn-sm"><i class="fa fa-play"></i></button>
        </div>
        <div class="col-sm">
          <?php echo $bc['AyahTRS']; ?>
        </div>
        <div class="col-sm arabic text-right">
          <?php echo $bc['AyahText']; ?> <?php echo format_arabic_number($bc['VerseID']); ?>
        </div>
      </div>
      <?php endforeach; ?>
    </div>

Kode javascript untuk memutar audionya

var song=document.getElementById("verse");
function play() {
    song.paused? song.play() : song.pause();
}

Hasil dari semua kode sy diatas sudah bisa. Hanya saja dia hanya bisa memutar audio ayat pertama saja. Jadi yg saya inginkan adalah jika tombol-tombol itu di klik akan memutar audio berdasarkan ayatnya.

Mohon pencerahannya.