title: jQuery, html5, append()/appendTo() and IE
body: <h2>How to replicate:</h2>
  <ol>
  <li><p>Create an html5 page.</p>
  </li>
  <li><p>Make sure you have the script from remysharp.com/2009/01/07/html5-enabling-script/ added so that IE will notice the tags.</p>
  </li>
  <li><p>Create an hardcoded <code>&lt;section id='anything'&gt;&lt;/section&gt;</code> tag.</p>
  </li>
  <li><p>Using jQuery 1.3.2, append another section tag: <code>$('#anything').append('&lt;section id=&quot;whatever&quot;&gt;&lt;/section&gt;');</code> So far, everything works in all the browsers.</p>
  </li>
  <li><p>Repeat the previous step. <code>$('#whatever').append('&lt;section id=&quot;fail&quot;&gt;&lt;/section&gt;');</code> This is where IE6/7 fails. Firefox/Safari will continue working.</p>
  </li>
  </ol>
  <h2>Error</h2>
  <p><img src="https://i.stack.imgur.com/PqGUC.jpg" alt="error popup screenshot" /></p>
  <h2>Thoughts</h2>
  <ul>
  <li><p>It could be that IE6/7 can't handle the HTML5 section tag. I say this because when I change step 4 from <code>&lt;section&gt;</code> to <code>&lt;div&gt;</code>, IE6/7 will start working.</p>
  </li>
  <li><p>If I use <code>document.createElement()</code> and create my new element, it works, but it seems like jQuery's <code>append()</code> has a problem with html5 elements.</p>
  </li>
  </ul>