title: remove/hide table's empty column(s), including <th>
body: <p>How can I hide the column with all empty cells including the title <code>&lt;th&gt;</code> in that column, while leaving the other columns and their titles as it is. Following jquery hides the entire <code>&lt;th&gt;</code>, which is not I want. <a href="http://jsfiddle.net/F3Hnm/" rel="noreferrer">Here</a> is a sample, where I want to hide only the entire 'Column3' including <code>&lt;th&gt;</code>. Many thanks in advance.</p>
  
  <pre><code>$('table#mytable tr').each(function() {
      if ($(this).children('td:empty').length === $(this).children('td').length) {
          $(this).hide();
      }
  });
  </code></pre>