Невозможно изменить значение данных после вызова AJAX

Question

Извините за несколько дублированный пост.Но предыдущий пост был сбивающим с толку.

В двух словах, у меня есть элемент span с идентификатором maxfiles_id.

Когда вы выбираете значение из выпадающего списка, он меняетзначение на странице для maxfiles_id, которое работает.

Однако у меня есть поле ввода с id из file_limit и data-count='some value'.

Когда AJAX делает своемагия, это меняет maxfiles_id на экране, но не влияет на значение data-count.

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

function setUploads(val) {
  if (val == 0) {
    val = 10;
  }
  $("#maxfiles_id").html(val);
  $("#file_limit").data('count', val);
}

А вот код для выбора выпадающего списка.Кстати, идентификатор SELECT равен upload_category.

$("#upload_category").on("change", function() {
  var catid = $("#upload_category").val();
  $.ajax({
    url: 'ajaxqueries.php',
    type: 'POST',
    data: {
      catlimit: catid
    },
    success: function(data) {
      setUploads(data);
    }
  });
})

С какой стати я не могу изменить значение для data-count?

Здесь я хочу, чтобы изменения произошлиplace:

<input type='file' name='file[]' data-maxfilesize='$maxfilesize' accept='image/*' id='file_limit' data-count='$maxfiles' multiple>

Я пытаюсь установить новое значение для maxfiles на основе выпадающего списка.