Я не могу добавить атрибут в JQuery

Question

Я пытаюсь динамически добавить атрибут в мой элемент HTML. После операции атрибут успешно добавлен, но я не вижу его в своем HTML через консоль браузера. В этом случае странно то, что я могу отобразить значение атрибута, используя console.log.

let xhr = new XMLHttpRequest();
xhr.responseType = 'json';
xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
        let result = xhr.response;
        appendFileIdsToExtraFields(result.ids,source)
    }
};

appendFileIdsToExtraFields - это метод, отвечающий за добавление нового атрибута.

$(ids).each(function (key, value) {
    $('#file-'+(key+1)+'-description').attr('data-id',value);
    console.log($('#file-'+(key+1)+'-description').data('id'));
});

А вот значение, отображаемое в консоли

Но не в элементе