title: How to close the modal with the button in remote content?
body: <p>As the title, how can I close the modal using the button in remote content?</p>
  
  <p>Here is the original page, index.html:</p>
  
  <pre><code>&lt;a href="modal.html" data-toggle="modal" data-target="#testModal"&gt;open modal&lt;/a&gt;
  &lt;div id="testModal" class="modal fade"&gt;
    &lt;div class="modal-dialog"&gt;
      &lt;!-- Modal content--&gt;
      &lt;div class="modal-content"&gt;
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and here is the page I want to open in the modal, modal.html:</p>
  
  <pre><code>&lt;p&gt;Hi, I am a modal&lt;/p&gt;
  &lt;button class="btn btn-primary"&gt;close&lt;/button&gt;
  
  &lt;script type="text/javascript"&gt;
    $(function() {
      $("#closeModal").click(function() {
        // do something...(Ajax)
        $("#testModal").modal('hide');
      });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>and I want the close button to close the modal in index.html but not using <code>data-dismiss</code>. Here is the full example in Plunker:<a href="http://plnkr.co/edit/EGjtma?p=info" rel="nofollow noreferrer">http://plnkr.co/edit/EGjtma?p=info</a></p>