jquery 中的table sort控制

<thead id ="tablehe" style="display:none">
<tr id="tablehead">
<th class="tabhead" width="15%"><div sortname="companyName" class="">Company</div></th>
<th class="tabhead tabhead_on" width="15%"><div sortname="opportunityName" class="arrowdiv_up">Title</div></th>
<th class="tabhead" width="16%"><div sortname="pursuitLeaderName" class="">Pursuit Leader</div></th>
<th class="tabhead" width="10%"><div sortname="service" class="">Service</div></th>
<th class="tabhead" width="11%"><div sortname="probability" class="">Probability</div></th>
<th class="tabhead" width="12%"><div  sortname="salesStage" class="">Sales Stage</div></th>
<th class="tabhead" width="11%"><div sortname="closeDate" class="">Close date</div></th>
<th class="tabhead" colspan="2" width="20%"><div sortname="tcv" class="">TCV</div></th>
</tr>
</thead>

function registerSortable(){
$("#tablehead").children().each(function(i,e){
$(this).click(function(d){

$(this).siblings().children("div").removeClass("arrowdiv_up");
$(this).siblings().children("div").removeClass("arrowdiv_down");
$(this).siblings("th").removeClass("tabhead_on");
$(this).addClass("tabhead_on");

var sortASC;
var div = $(this).find("div:eq(0)");
var  sortClumn = div.attr("sortname");
if(!div.hasClass("arrowdiv_down") && !div.hasClass("arrowdiv_up")){
div.addClass("arrowdiv_up");
sortAsc = true;
}else{
if(div.hasClass("arrowdiv_down")){
div.removeClass("arrowdiv_down");
div.addClass("arrowdiv_up");
sortAsc = true;
}else if(div.hasClass("arrowdiv_up")){
div.removeClass("arrowdiv_up");
div.addClass("arrowdiv_down");
sortAsc = false;
}
}
}