title: Is it valid to use more than one thead or tfoot element in a table?
body: <p>Imagine a list of lists similar to this:</p>
  <pre class="lang-js prettyprint-override"><code>var list = [
    { name: 'group1', 
      items: [ 1, 2, 3, 4, 5 ]
    },
    { name: 'group2', 
      items: [ 1, 2, 3, 4, 5 ]
    },
    etc...
  ]
  </code></pre>
  <p>Now forgetting the whole &quot;tables are for data not design&quot; argument, I wanted to display a single table for <code>list</code> and have a seperate <code>&lt;thead&gt;</code> and <code>&lt;tbody&gt;</code> for each entry in <code>list</code>.</p>
  <p>Is this technically valid?  This works in the browser, but my <a href="https://stackoverflow.com/questions/3206239/multiple-thead-tbody-design">spider senses are tingling on this one</a>.</p>