JSFiddle - React, Tailwind, and code Playground

HTML

<div rel="123">DIV</div>

JavaScript

console.clear();

var $div = $('div');
console.log($div.get()[0]);
console.log("\n");
console.log('changing rel using prop won\'t change html');
$div.prop('rel', 456);
console.log($div.get()[0]);
console.log('but will change the dom', 'prop:', $div.prop('rel'), 'attr:', $div.attr('rel'));
console.log("\n");
console.log('changing rel using attr will change html and dom');
$div.attr('rel', 456);
console.log($div.get()[0]);
console.log('but will change the dom', 'prop:', $div.prop('rel'), 'attr:', $div.attr('rel'));
console.log("\n");
console.log('Never use either for data!');