Плагин jQuery countTo - хотите иметь новый экземпляр countTo при каждом изменении атрибута данных

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

<span 
  id="demo-shuffling-numbers" 
  class="shuffling-numbers" 
  data-from="" 
  data-to="" 
  data-speed=""
></span>

Для предварительного просмотра пользователю необходимо нажать кнопку предварительного просмотра.

Я столкнулся с проблемой, когда только значения, введенные в первый раз, используются плагином countTo, а не последовательными изменениями.

Атрибуты данных изменяются при изменении входных значений, но предварительный просмотр появляется только с первыми введенными значениями (без появления новых значений).

Я использую ниже jQuery для обновления и запускать плагин CountTo -

$(document).ready(function () {

  $('#shuffling-numbers-preview').click(function(){
    $('#demo-shuffling-numbers').countTo();
  });

  $('#shuffling_numbers-start_from').change(function() {
    $('#shuffling_numbers-start_from').each(function(index) {
      var value = $(this).val();
      $('#demo-shuffling-numbers').attr('data-from',value );
      $('#demo-shuffling-numbers').html(value);
    });

  });

  $("#shuffling_numbers-end_to").change(function() {
    $("#shuffling_numbers-end_to").each(function(index) {
      $("#demo-shuffling-numbers").attr("data-to", $(this).val());
    });

  });
});

Как я могу сделать countTo плагин вверх или вниз для новых значений?

С уважением.