on click to move on next variable : <p>How can I move from one variable called <code>trench1</code> to <code>trench2</code> with click I made this code but not working </p>

<pre><code>var playthis = new Audio();
var trench1 = 'songs/example1.m4a';
var trench2 = 'songs/example2.m4a';
var trench3 = 'songs/example3.mp3';
i = 0;
$('.next').click(function(){
    playthis.src = trench + i++;
})
</code></pre>

<pre class="lang-html prettyprint-override"><code>&lt;button class="next"&gt;&lt;i class="fas fa-caret-right"&gt;&lt;/i&gt;&lt;/button&gt;
</code></pre>
