jQuery 사용자 정의 속성이 잘 반영되지 않은 경우

jQuery 사용 중 사용자 정의 속성이 잘 반영되지 않는 경우가 있어 정리해 보았다.

<div id="modifyGeo">test</div>
위와 같은 HTML에 JQuery를 이용해서 사용자 정의 속성을 정의하고 값을 세팅하였다.
값은 여러번 재 세팅하고 필요할때 값을 읽어서 활용하려 하였다.

$('#modifyGeo').attr('data-idx',idx);
console.log($('#modifyGeo').data('idx')));
이렇게 사용했을때 최초 한번은 잘 세팅 되었지만 이후에 세팅한 값은 불러올 수 없었다.

$('#modifyGeo').data('idx',idx);
console.log($('#modifyGeo').data('idx')));
이렇게 사용시 매번 세팅한 값을 잘 읽어올 수 있었다.