Добавление запятой к анимированным числам jQuery

Отсюда я использую скрипт jQuery. Пока что это отлично работает, но единственное, что меня интересует, - это то, как поставить запятую в одно из значений.

Поскольку число увеличивается при прокрутке, сложно заставить браузер проверить, что это за целое число, постфактум. Я прочитал кучу сообщений, в которых будет добавлена ​​запятая (в данном случае я пытаюсь получить 100,000), но это не сработает, поскольку браузер изначально не видит это целое число (начинается с 0).

Вот сценарий, который я использую для вызова анимации при прокрутке страницы:

$(function () {
    var fx = function fx() {
      $(".stat-number").each(function (i, el) {
        var data = parseInt(this.dataset.n, 10);
        var props = {
          "from": {
            "count": 0
          },
          "to": {
            "count": data
          }
        };
        $(props.from).animate(props.to, {
          duration: 500 * 1,
          step: function (now, fx) {
            $(el).text(Math.ceil(now));
          },
          complete:function() {
            if (el.dataset.sym !== undefined) {
              el.textContent = el.textContent.concat(el.dataset.sym)
            }
          }
        });
      });
    };

    var reset = function reset() {
      console.info($(this).scrollTop())
      if ($(this).scrollTop() > 950) {
        $(this).off("scroll");
        fx()
      }
    };

    $(window).on("scroll", reset);
  });

Он берет значение из атрибута данных data-n в HTML и затем волшебно работает оттуда. Если у меня есть 100,000 в атрибуте data-n, он прерывает его на 100, когда числа оживляются.

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