title: Bootbox modals don't format HTML properly
body: <p>I'm using bootbox for my website's pop-up modals. When the function below is called, I want to display a small table with some information.</p>
  
  <pre><code>function infoModal(){
      var table = "&lt;div&gt;" + "&lt;table class='formattedTable'&gt;" + "&lt;thead&gt;" + "&lt;tr&gt;Legend&lt;/tr&gt;" + "&lt;/thead&gt;" + "&lt;tbody&gt;" + "&lt;tr class='catString'&gt;This color is the first color.&lt;/tr&gt;" + "&lt;tr class='warn'&gt;This color is the second color.&lt;/tr&gt;" + "&lt;tr class='caution'&gt;This color is the third color.&lt;/tr&gt;" + "&lt;tr class='danger'&gt;This color is the fourth color.&lt;/tr&gt;" + "&lt;/tbody&gt;" + "&lt;/table&gt;" +"&lt;/div&gt;";
      bootbox.confirm({
          message: table,
          buttons: {
                  confirm: {
                      label: 'OK'
                  }
          },
          callback: function (result) {
              if (result) {
                  console.log("Thanks for using this modal!");
              }
          }
      });
  
  }
  </code></pre>
  
  <p>However, when I test it out in HTML, it's formatted like this:</p>
  
  <pre><code>&lt;div class="bootbox-body"&gt;
   &lt;div&gt;LegendThis color is the first color.This color is the second color.This color is the third color.This color is the fourth color.
  
      &lt;table class="formattedTable"&gt;
          &lt;thead&gt;&lt;tr&gt;&lt;/tr&gt;&lt;/thead&gt;
          &lt;tbody&gt;
              &lt;tr class="catString"&gt;&lt;/tr&gt;
              &lt;tr class="warn"&gt;&lt;/tr&gt;
              &lt;tr class="caution"&gt;&lt;/tr&gt;
              &lt;tr class="danger"&gt;&lt;/tr&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I know that I didn't place the divs (minus the <code>bootbox-body</code> div) like that in my <code>table</code> variable above, so what's happening here?</p>