JavaScript не загружается в XMLHttpRequest инъекции

У меня есть HTML-страница, которая внедряет код из установки PHP / MySQL с этим кодом:

<div id="inject">Let AJAX change this text.</div>

<script>
function loadDoc() {
var xhttp;
if (window.XMLHttpRequest) {
// code for modern browsers
xhttp = new XMLHttpRequest();
} else {
// code for IE6, IE5
xhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("inject").innerHTML = this.responseText;
}
};
xhttp.open("GET", "../../php-test.php", true);
xhttp.send();
}

loadDoc();

</script>

Я делаю это, чтобы составить список подкастов. В введенный код включено это аудио:

   <audio controls>
<source src="http://www.w3schools.com/html/horse.ogg" type="audio/ogg">
<source src="http://www.w3schools.com/html/horse.mp3" type="audio/mpeg">
<a href="http://www.w3schools.com/html/horse.mp3">horse</a>
An html5-capable browser is required to play this audio.
</audio>

Я звоню jquery + bootstrap + скрипт игрока, но я не могу заставить его работать с внедренным кодом. Я пытался вызвать код в нескольких местах (с defer для родителя, внутри введенного кода с помощью img / onload-trick и т. Д. И т. Д.)
Это работает отлично, если я просто помещаю ‹audio› выше в родительский документ (без вставки).
Я хочу иметь возможность использовать AJAX для создания аудио-треков, так как количество плееров зависит от моего PHP / MySQL.
Как заставить скрипт повлиять на ‹audio›?
Самое смешное, что аккордеон (часть bootstrap.js), который я использую для макета, прекрасно работает во вставленном коде.
Также проблема зависит от браузера, где Safari работает нормально, в то время как Chrome и Firefox не работают.
Пожалуйста, попросите дополнительную информацию.

http://stetoskopet.nu/listetest.html