title: Bootstrap Modal Dynamic Content
body: <p>I'm in need of a method to load dynamic content that can change at any time. According to the Bootstrap documentation </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a data-toggle="modal" href="remote.htm" data-target="#modal"&gt;Click me&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>is making use of the jQuerys' <strong>.load</strong> only loading the content <strong>once</strong>. It injects the content in the modal-content div. As previously stated the content of this modal can be changed at any given time and therefore I need a different method. Any ideas?</p>
  
  <p>TL;DR - I'm looking for a method that will load dynamic content (remote) every time the modal opens instead of once (default Bootstrap modal).</p>