Toggling Problem in JQuery?

I have a Table in my application. Table id is "joining_resumes_table". In that table i have 4 columns like this below

Name
Requirement
Joining Date
Accept Date

................................
................................
................................
......

I am toggling the 4th coloumn. Both td and th have same class name.My question is when i was toggling table th in visible mode and td in hidden mode. There is no synchronization between th and td of the 4th column.

my Jquery code:

$jq = jQuery.noConflict();
var elem = $jq('.hidden_by_default');
elem.toggle();