Невозможно остановить циклическое повторение кода и изменение переменной

Я создал большую таблицу с ячейками, которые будут отображать случайные числа, мне нужно установить пороговое значение для каждой ячейки с помощью JQuery, в настоящее время это работает только для моего первого сравнения, после чего, когда я ввожу пороговое значение, оно имеет забыл, какое значение я сравнил с моей первой ячейкой, и просто сравню все мои предыдущие сравнения с новым пороговым значением. Непонятно, как это проще сказать. Код ниже для сравнения

function OpenDialog(tdID) {
    $('#openThreshold').dialog('open');
    stopTimer();

    $('#btnSaveThreshold').click(function () {
    SetValuesForCompare(tdID);
    });
}

function SetValuesForCompare(tdID) {
    //Set the values ready for comparing the variables (also carry through the cell ID)
    var thrsVal = $('#txtThreshold').val();
    var cellVal = document.getElementById("Cell" + tdID).innerHTML;
    CompareValues(thrsVal, cellVal, tdID);
}

function CompareValues(thrsVal, cellVal, tdID) {
    //compare and choose colour
    if (cellVal < thrsVal) {
        document.getElementById("Cell" + tdID).className = 'red';
    }
    else if (cellVal == thrsVal) {
        document.getElementById("Cell" + tdID).className = 'green';
    }
    else if (cellVal > thrsVal) {
        document.getElementById("Cell" + tdID).className = 'yellow';
    }
    //Close dialog and hide all text boxes
    $('#openThreshold').dialog('close');
    $("#Thrs" + tdID).hide();
}