Не обновляется innerHTML у ячейки в таблице

Не обновляется innerHTML у ячейки в таблице

Не обновляется innerHTML у ячейки в строке таблицы.
Подробное описание:
Есть AJAX корзина товаров, по клику на "Добавить в корзину" происходит AJAX-запрос, по завершении
которого обновляется UI (если товар новый - добавляется, иначе инкрементируется уже существующее кол-во).
Пусть cell - объект-ячейка таблицы корзины товаров, тогда обновление количества происходит так:
var oldItemsCount = cell.innerHTML / 1; // искусственно делим на 1, чтобы получить число
oldItemsCount++; // инкрементируем количество экземпляров данного товара
cell.innerHTML = oldItemsCount; // обновляем innerHTML у ячейки
Проблема в том, что визуальное обновление количества товаров таким способом происходит только после
таких событий, как скроллирование окна или смена фокуса на другое приложение. Я проверил работоспособность
данного кода во всех остальных популярных браузерах, а конкретно, в IE (6, 7, 8), Mozilla Firefox, Safari, Google Chrome -
ВЕЗДЕ визуальное обновление происходит независимо от скроллирования или смены фокуса, именно после клика по кнопке
"Добавить в корзину". Только в Opera наблюдается такой очень странный эффект. Я пробовал генерировать случайную строку
и заменять innerHTML у ячейки строки таблицы на сгенерированную случайную строку - в этом случае все отрабатывает как нужно,
но если менять на что-то статическое (число или строку), обновление происходит только после смены фокуса или скроллировании.
Очень прошу вас помочь с этой проблемой. Еще раз замечу, что данная проблема актуальна только для Opera, во всех остальных
браузерах все работает абсолютно нормально. Очень надеюсь на оперативность вашего ответа. Заранее большое спасибо !