Data attribute value updated by jquery is not visible in DOM

Question

I am updating a data attribute by jQuery, Like:

jQuery('div').data('hidden', 'true');
alert(jQuery('div').data('hidden'));

Data attribute value got changed and returned new value which is true but DOM is still showing the old value which is false.

Answer 1

When you use .data() to update a data value, it is updating internal object managed by jQuery, so it will not be updated in the data-* attribute