title: Load HTML file into a Bootstrap Modal
body: <p>I'm trying to make a modal with dynamically loaded content. This is my JavaScript code:</p>
  
  <pre><code>function track(id,title) {
      $('#listenTrack').modal('show');
      $('#listenTrack').find('.modal-title').html(title);
      $.get("remote.html", function(data) {
  
          $('#listenTrack').find('.modal-body').html(data);
  
      });
  }
  </code></pre>
  
  <p>And here is remote.html</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script type="text/javascript" src="jquery-1.11.2.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;script type="text/javascript"&gt;var zippywww="26";var zippyfile="9k9lOOtw";var zippytext="#C9302C";var zippyback="#161617";var zippyplay="#ff6600";var zippywidth=320;var zippyauto=false;var zippyvol=80;var zippywave = "#C9302C";var zippyborder = "#cccccc";&lt;/script&gt;
  &lt;script type="text/javascript" src="https://api.zippyshare.com/api/embed_new.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I tried also without html tags, but nothing. The <strong>text content appears, not the player</strong>. And if I open <code>remote.html</code> directly from the browser everything is fine.
  Maybe my code is wrong.</p>