Data attribute value updated by jquery is not visible in DOM

custom-data-attribute, jquery

Solution

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

Problem

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`.

Original source