Drag and drop table rows in a html tables using JQuery

See more:

jQuery

actually i have representing data in html tables in asp.net
i have more than two tables with same class names..my requirement is i have to drag and drop the table row in the particular table.. by using the following jquery function am implementing that, but my problem is that it is allowing to drop in the next table also bcoz class name is same..i wanted to drag and drop in the same table how?

<$(function() {
$(".coursetr").draggable({
        helper: "clone",
        revert: "invalid",
        refreshPositions: true
    });
    $(".coursetr").droppable({
    accept: ".coursetr",
    //placeholder: ".HeaderHomeActive",
        activeClass: "ui-state-hover",
        hoverClass: "ui-state-active",
        drop: function(event, ui) {
            var draggable = ui.draggable, droppable = $(this),
            dragPos = draggable.position(), dropPos = droppable.position();
            draggable.css({
                left: dropPos.left + 'px',
                top: dropPos.top + 'px'
            });
            droppable.css({
                left: dragPos.left + 'px',
                top: dragPos.top + 'px'
            });
            var t1 = $(droppable).data('courseid');
            var t2 = $(draggable).data('courseid');
            draggable.swap(droppable);
          
        }
    });
});