remove/hide table's empty column(s), including <th>
<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="nofollow">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>
