JSFiddle - React, Tailwind, and code Playground

by Gerald Gillespie

HTML

<div class="cordial" id="hi">hi</div>
<div class="cordial" id="bye">bye</div>
<hr>
<div id="text">text</div>

JavaScript

$('div.cordial').data("a", {
    "owner": {
        "data1": 1,
        "data2": 2
    },
    "machine": {
        "data1": 1,
        "data2": 2
    }
});
$('#hi').data("a",{"owner":{"data1":"update"}});
$('#text').each(function() {
    $this = $(this);
    $this.text($('#bye').data("a").owner.data1 + '<br/>');
    $this.text($this.data);
});