Как обрабатывать по клику динамически созданные элементы?
замени все click сlist.click(function(){
на $(document).on('click', list, function(){
Все сделал, вот работающий код, вторую функцию удалил, обработку сделал в первой.
var audio;
var on = "Включить аудио";
$("#audio").text(on);
$("#audio").click(function(){
if($(this).text() == on){
//включаем плеер
audio = new Audio("/audio/audio-on.mp3");
audio.play();
$(this).text('Выключить аудио');
    $.getJSON("playlist", function(data){
$(".player").html(""); //очищаем список
$.each(data, function(key, val){
$(".player").append("" + val + "");
});
$(".my-new-list").on("click", function(){
audio.pause();
audio = new Audio("/audio/" + $(this).text());
audio.play();
});
    });
}else{
$(".my-new-list").remove();
if(audio != null){
audio.pause();
}
audio = new Audio("/audio/audio-off.mp3");
audio.play();
$(this).text(on);
}
});