JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<div id="foo"></div>
<div id="log"></div>

JavaScript

function log(str) {
    $('#log').append('<div>' + str + '</div>');
}

var res,
    data;

$('#foo').data('foo-bar-baz', 'assigned');
log('-- After assignment --');
log('foo-bar-baz exists: ' + !!$('#foo').data('foo-bar-baz'));
log('fooBarBaz exists: ' + !!$('#foo').data('fooBarBaz'));

$('#foo').removeData('foo-bar-baz');
log('-- After removing foo-bar-baz --');
log('foo-bar-baz exists: ' + !!$('#foo').data('foo-bar-baz'));
log('fooBarBaz exists: ' + !!$('#foo').data('fooBarBaz'));

$('#foo').removeData('fooBarBaz');
log('-- After removing fooBarBaz --');
log('foo-bar-baz exists: ' + !!$('#foo').data('foo-bar-baz'));
log('fooBarBaz exists: ' + !!$('#foo').data('fooBarBaz'));