Can't get numbers to swap in my JQuery function when I swap table rows

I have created a jquery function that allows me to click on the UP arrow and it swaps rows in a table. I have rank numbers in each row. But I can only get the clicked number to change. I want both numbers to swap. I know it is something with getting the value in abovecnt. I just can't figure out how to get that value of the row above. Right now it is just undefined.

http://ift.tt/1Djb6UX

$('.change-rank').click(function() {
var cnt = $(this).attr('cnt');                                                       
var direction = $(this).attr('data-direction'),
    $original = $(this).closest("tr"),
    $target = direction === "up" ? $original.prev() : $original.next();

if ( $target.length && direction === "up" ) {
    $original.insertBefore($target);
    abovecnt = $original.find('.ranky input[type="text"]').val();
    $('#rank_' + cnt).val(cnt-1);
    $('#rank_' + abovecnt).val(cnt);
    alert('abovecnt=' + abovecnt + '|cnt=' + cnt);      
}
else if( $target.length ) {
    $original.insertAfter($target);
}
});

Note: I'll eventually want the down arrow to swap also, but right now just trying to get it to work.