JSFiddle - React, Tailwind, and code Playground

HTML

<div id="carriage-promo">Click Me!!!</div>

CSS

div {
    width: 200px;
    height: 200px;
}

JavaScript

$('div').on('click', function () {
    alert('before: '+$(this).attr('id') )
    $(this).attr('id', 'carriage-promo-2');
    alert('after: '+$(this).attr('id') )
})