使用JQuery突出显示2个独立的部分

Question

我正在尝试使用鼠标移动突出显示图像上的2个点并单击确认，首先突出显示第一个，然后突出显示另一个。我遇到的问题是，一旦分配了第一个，只要我将鼠标移动到第二个，第一个高亮显示仍会随着鼠标指针一起被拖动。当我在第二个时，我怎样才能让第一个亮点留在我留下的位置？

$(document).ready(function(){
    highlightiris('circle');
    setInterval(function(){
        if ($('#t_circle').val()=='') {
            $('#t_circle').val('in progess');
            highlightiris('circle');
        }
        if ($('#t_circle').val()=='done' && $('#t_circle1').val()=='') {
            $('#t_circle1').val('in progess');
            highlightiris('circle1');
        }
    },200);
});

function highlightiris(vara) {
    $('#'+vara).show();
    c_height = $('#'+vara).height();
    c_width = $('#'+vara).width();
    $(document).mousemove(function(e) {
        $('#'+vara).css({top: e.pageY-(c_height/2), left: e.pageX-(c_width/2), position:'absolute'});
        $('#top_'+vara).val(e.pageY-(c_height/2));
        $('#left_'+vara).val(e.pageX-(c_width/2));
    });
    $(document).bind('mousewheel', function(event, delta, deltaX, deltaY) {
        if (delta==1) {
            c_width+=2;
            c_height+=2;
            $('#'+vara).width(c_width).height(c_height);
        } else if (delta==-1) {
            c_width-=2;
            c_height-=2;
            $('#'+vara).width(c_width).height(c_height);
        }
        $('#dia_'+vara).val(c_width);
    });
    $(document).click(function(){
        $('#t_'+vara).val('done');
    });
    if ($('#t_'+vara).val()=='done') {
        return;
    }
}