JSFiddle - React, Tailwind, and code Playground
HTML
<form action="">
<input type="submit" id="btn" value="test" disabled>
</form>
<span class="withMyMessage">tralala</span>
CSS
.withMyMessage {
display: none;
}
.bnt-wrapper {
display: inline-block;
position: relative;
}
.bnt-wrapper div {
position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
}
JavaScript
$('#btn').wrap('<div class="bnt-wrapper"></div>').before('<div id="fake-btn"></div>')
$('#fake-btn').on('click', function(){
$('span.withMyMessage').show();
})