title: Show DIV element in Twitter Bootstrap Modal along with DOM
body: <p>I have a simple <code>div</code> tag, that contains a button. When ever user clicks on this button it simply shows an alert.</p>
  
  <pre><code>&lt;div id="myDiv"&gt;
      &lt;input type="button" id="btn" value="Click Me" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and I also have a empty twitter bootstrap modal. </p>
  
  <pre><code>&lt;div class="modal hide" id="myModal"&gt;
      &lt;div class="modal-header"&gt;
          &lt;button class="close" data-dismiss="modal"&gt;×&lt;/button&gt;
           &lt;h3&gt;Modal header&lt;/h3&gt;
  
      &lt;/div&gt;
      &lt;div class="modal-body"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have a second button, when ever the user clicks on it, it opens the bootstrap modal. I want to show "myDiv" in bootstrap modal when ever the user clicks on the second button. I want "myDiv" to be present in when ever modal opens and also I want to be present in my HTML document. So that I can always access it with out creating second button in modal.</p>
  
  <p>Any idea how can I do that ?</p>