title: Simple jquery modal plugin, how to handle html content
body: <p>Basically, i'm building a basic jquery modal plugin as practice, and as much as the many varieties out in the wild have been helpful for reference, I wasn't sure about the best method for pushing html into the modal that is being built in my jQuery. </p>
  
  <p><strong>This code is building my popups:</strong></p>
  
  
  
  <pre><code>        var container = $('&lt;div class="container"&gt;&lt;/div&gt;');
          var header = $('&lt;div class="modal"&gt;&lt;div class="modal-header"&gt;&lt;/div&gt;&lt;/div&gt;');
          var content = $('&lt;div class="modal-body"&gt;&lt;/div&gt;');
          var footer = $('&lt;div class="modal-footer"&gt;&lt;a class="secondary" href="#"&gt;Cancel&lt;/a&gt;&lt;span id = "button-secondary-label"&gt;or&lt;/span&gt;&lt;span class="green_btn"&gt;&lt;/span&gt;&lt;/div&gt;');
  
          $(".popup").append(container);
          $(".container").append(header);
          $(".modal").append(content);
          $(".modal").append(footer);
  </code></pre>
  
  <p>In an html file that is calling the javascript file with the above code, I would like to pass html to modal-body. I know I could just write the following:</p>
  
  <pre><code>$(".modal-body").html("html goes here")
  </code></pre>
  
  <p>but I would like to make the plugin handle as much as possible, so what would be the best way to do the following:</p>
  
  <p><strong>in example.html:</strong></p>
  
  <pre><code> ...
  &lt;script type="text/javascript"&gt;
  $(.popup).modal();
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="popup"&gt;&lt;div class="body-text"&gt;I want this text in the .modal-body&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>in the js file:</strong></p>
  
  <p>I would like to take the html that is in .body-text and move it into the .modal-body class, or something that will get me similar results.</p>
  
  <p>Again, trying to accomplish this in the external js file, and not in example.html </p>