Javascript / JQuery: странное поведение при назначении нового текста для объекта span

Это сводит меня с ума. Это часть шаблона лезвия Laravel, но я не уверен, что это актуально.

Контекст

У меня есть код javascript, который является переменным и отображается на стороне сервера в зависимости от количества участников мероприятия. Количество повторяющихся полей с информацией о ценах и т. д. Повторяется n раз.

У меня есть несколько динамических обновлений, которые могут происходить на основе пользовательского ввода, который пытается изменить 2 объекта диапазона:

1. Цена билета по умолчанию (идентификаторы диапазона: $("#tcost"+n), где n - это число от 1 до 5)
2. Итого (с учетом скидок) (идентификаторы диапазона: $("#final"+n)

Странное поведение

Я подтвердил, что могу получить доступ к тексту / html, содержащемуся в обоих диапазонах, с помощью:

    tc = document.getElementById('tcost'+n)
    fc = document.getElementById('final'+n)

Когда я пытаюсь изменить значения, я пробовал оба:

    tc.innerHTML = 'whatever';  // setting fc.innerHTML didn't change it
    $('#final'+n).text('whatever');
    blah = $('#final'+n).text();

В обоих случаях значение tc изменяется нормально. Но когда я пытаюсь изменить значение в "final"+n в любом формате, оно не меняется на экране.

ОДНАКО, когда я console.info(blah) вижу правильное значение.

Есть ли что-то эзотерическое, что мне не хватает, почему любой из вышеперечисленных подходов к установке текста диапазона на что-то регистрируется как установленный, но не отображается?