title: In which element should I enclose an <article />'s comments?
body: <p>I'm working on a blog that implements Disqus comments and I'm making an effort to make as much use of HTML5 semantic markups as possible.</p>
  
  <p>Here's an example <code>&lt;article /&gt;</code> (itself within a <code>&lt;section /&gt;</code>), fairly simple:</p>
  
  <pre class="lang-html prettyprint-override"><code>  &lt;article class="post"&gt;
      &lt;header&gt;
        &lt;h2&gt;Title&lt;/h2&gt;
        &lt;p class="posted-on"&gt;Posted on &lt;time datetime="2012-07-28T13:00:24+01:00"&gt;July 28th 2012&lt;/time&gt;.&lt;/p&gt;
      &lt;/header&gt;
      &lt;p&gt;Lorem ipsum dolor sit amet...&lt;/p&gt;
      &lt;p&gt;Lorem ipsum dolor sit amet...&lt;/p&gt;
      &lt;!-- blog comments --&gt;
    &lt;/article&gt;
  </code></pre>
  
  <p>With the above structure, I'm unsure semantically where to integrate the article's comments.</p>
  
  <ul>
  <li>A <a href="http://dev.w3.org/html5/spec/the-footer-element.html#the-footer-element"><code>&lt;footer /&gt;</code></a> is clearly not appropriate ("The footer element is not sectioning content; it doesn't introduce a new section.")</li>
  <li>Disqus uses async JavaScript to create an <code>&lt;iframe /&gt;</code> to contain the comment widget, so a <code>&lt;p /&gt;</code> doesn't seem appropriate, either.</li>
  </ul>
  
  <p>Am I over-thinking the semantic markup thing: is it best to just stick it into a <code>&lt;div /&gt;</code> and not worry about it?</p>