jQuery append() not working in IE
<p>I'm trying to append the following table built up in a string to a div on my page using this:</p>

<pre><code>var table = 
'&lt;table data-custom="3963770" id="table" cellpadding="3" cellspacing="5" 
        valign="top" width="995px" border="3" bordercolor="#83725B"&gt;

        &lt;th height="50" colspan="2"&gt;Company Name&lt;/th&gt;
        &lt;th height="50" colspan="3"&gt;Esco Number&lt;/th&gt;
        &lt;th height="50" colspan="1"&gt;Province&lt;/th&gt;
        &lt;th height="50"&gt;Sector&lt;/th&gt;
        &lt;th height="50"&gt;Technology&lt;/th&gt;
        &lt;th height="50" colspan="2"&gt;Status&lt;/th&gt;
      &lt;tr&gt;
        &lt;td colspan="2"&gt;3H Envirostrategies cc&lt;/td&gt;
        &lt;td colspan="3"&gt;11059420&lt;/td&gt;
        &lt;td&gt;Gauteng, KZN, Western Cape, Mpumalanga, Free State, 
            Eastern Cape&lt;/td&gt;
        &lt;td&gt;
          &lt;select id="mainSectors0"&gt;
            &lt;option&gt;Commercial&lt;/option&gt;
          &lt;/select&gt;
        &lt;/td&gt;
        &lt;td&gt;
          &lt;select id="mainTechs0"&gt;
            &lt;option&gt;Project Management&lt;/option&gt;
          &lt;/select&gt;
        &lt;/td&gt;
        &lt;td colspan="2"&gt;Active&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td style="border: none;" colspan="5"&gt;
          &lt;div data-custom="contact_info" style="display:inline;"&gt;&lt;u&gt;Contact information&lt;/u&gt;&lt;/div&gt;
        &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tbody data-custom="place_holder"&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;';
</code></pre>

<p>I have a div tag with:</p>

<pre><code>&lt;div id="table"&gt;&lt;/div&gt;
</code></pre>

<p>I then try to use this to add the table to the div:</p>

<pre><code>$(table).appendTo($('#table'));

// I've tried $("#table").append(table); but no luck.
</code></pre>

<p>It works fine in every other browser except IE 6+. Does anybody know of a workaround, or if i'm doing something wrong?</p>

<p>Thanks in advance.</p>
