XMLHttpRequest Не загружать путь к файлу jquery

У меня есть один файл php, который извлекает данные и отображается в html с помощью слайдера jquery, который отлично работает при прямом запуске demo.php.

У меня проблема, когда я получаю данные из этого файла (demo.php), а затем отображаю HTML на новой странице (script.html), но эффект ползунка и другие события jquery не работают на этой странице.

Это мой код, который включен в новый файл (script.html).

<div id = "widget-frame"></div>
<script>
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("widget-frame").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "demo.php", true);
  xhttp.send();

</script>

На самом деле мне нужно создать один тип виджета, чтобы пользователь скопировал приведенный выше код и поместил в свой файл проекта, а затем отобразил содержимое файла demo.php в конкретном разделе.

Пожалуйста, дайте мне знать, как я могу загрузить в него jquery.

Я использовал iframe:

<iframe src = "demo.php" frameborder = "0" style = "border:0; width:100%; min-height: 350px; overflow:hidden;" scrolling = "no"></iframe>

iframe работает нормально, но на iphone он не работает должным образом, поэтому мне нужно использовать метод XMLHttpRequest.

Заранее спасибо.