JSFiddle - React, Tailwind, and code Playground

HTML

<input id="element1" type="text" />
<input id="element2" type="text" />

JavaScript

$("#element1").data("my-key", { id: 0, value: "Value0" });
$("#element1").removeData("my-key");
var data = $("#element1").data("my-key");//return 'undefinded' correctly
$("#element1").val(data ? data.value : 'undefined');


$("#element2").data("my-key", { id: 0, value: "Value0" });
$("#element2").data("my-key", { id: 1, value: "Value1" });
$("#element2").removeData("my-key");
var data = $("#element2").data("my-key");//return { id: 1; value: "Value1" } when sholud be 'undefinded'
$("#element2").val(data ? data.value : 'undefined');