JSFiddle - React, Tailwind, and code Playground

by nickadeemus2002

HTML

<div id="top"></div>
<form>
    <div id="welcome"></div>
    <input type="text" value="default form value in here" />
    <input type="submit" value="Send" />
</form>
<div></div>

CSS

*{margin:5px; padding:5px;}
form{border: 1px solid #585858;padding:15px;margin:10px;}

JavaScript

$.fn.extend({
    ShowWelcomeMessage: function () {
        var div = $("<div></div>")
            .attr({ title: "Welcome" })
            .html("<span>welcome<b>mytext goes here</b></span>");       
        $(div).appendTo('#welcome');
        //$(this).first().after(div);
        //$(div).dialog();- this dialog is working fine
    }
});

$('#top').ShowWelcomeMessage();