How to replace content with open popup model content to new popup model
<p>I have used for two popup like “Launch first” and “Launch second “.</p>

<p>When i click to open “Launch first” popup we have option to open “launch second” popup also.</p>

<p>I need when I click on  “launch second” popup the “launch first” popup closed and “launch second” popup content load in “launch first” div.</p>

<p><strong>HTML File:</strong></p>

<pre><code>&lt;a href="first.html" data-target="#myModal" role="button" class="btn" data-toggle="modal"&gt;Launch First&lt;/a&gt;
    &lt;a href="second.html" data-target="#myModal" role="button" class="btn" data-toggle="modal"&gt;Launch Second&lt;/a&gt;

    &lt;div class="modal fade hide" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" &gt;
      &lt;div class="modal-header"&gt;
        &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;×&lt;/button&gt;
        &lt;h3 id="myModalLabel"&gt;Modal header&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;
        &lt;p&gt;One fine body…&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class="modal-footer"&gt;
        &lt;button class="btn" data-dismiss="modal" aria-hidden="true"&gt;Close&lt;/button&gt;
        &lt;button class="btn btn-primary"&gt;Save changes&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
</code></pre>

<p><strong>JS File:</strong></p>

<pre><code>$('#myModal').on('hidden', function () {
  $(this).removeData('modal');
});
</code></pre>

<p><strong>Example Link :</strong> </p>

<p><a href="http://plnkr.co/edit/oZ304D7oPDKygDG05EWa?p=preview" rel="nofollow">http://plnkr.co/edit/oZ304D7oPDKygDG05EWa?p=preview</a></p>