title: Trying to load a table into DIV from HTML file
body: <p>I'm trying to load the entire contents of a .html file into a div I have in another page using Javascript / JQuery and currently have:</p>
  
  <pre><code>$( "#divToFill" ).load("newContent.html");
  </code></pre>
  
  <p>However this replaces the existing content in the DIV with nothing and leaves empty space on the screen. The content in newContent.html is as follows:</p>
  
  <pre><code> &lt;table cellspacing="0" cellpadding="3" border="0" class="results" id="results"&gt;
      &lt;thead id="tableHeader"&gt;
         &lt;tr class="column-headers"&gt;
            &lt;td width="15%"&gt;1&lt;/td&gt;
            &lt;td width="10%"&gt;2&lt;/td&gt;
            &lt;td width="35%"&gt;3&lt;/td&gt;
            &lt;td width="17%"&gt;4&lt;/td&gt;
            &lt;td width="5%"&gt;5&lt;/td&gt;
            &lt;td width="18%"&gt;6&lt;/td&gt;
         &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
         &lt;tr class="row"&gt;
            &lt;td class="column"&gt;
               &lt;div style="word-wrap:break-word;overflow:auto"&gt;CONTENT&lt;/div&gt;
            &lt;/td&gt;
            &lt;td class="2"&gt;Num5757474747&lt;/td&gt;
            &lt;td class="3"&gt;
               &lt;span&gt;
                  &lt;div class="divStyle2"&gt; TEXT TEXT TEXT &lt;/div&gt;
               &lt;/span&gt;
            &lt;/td&gt;
            &lt;td class="4"&gt;HELLO&lt;/td&gt;
            &lt;td class="5"&gt;10:00&lt;/td&gt;
            &lt;td class="6"&gt;To be done&lt;/td&gt;
         &lt;/tr&gt;
      &lt;/tbody&gt;
   &lt;/table&gt;
  </code></pre>
  
  <p>Any help?</p>