JSFiddle - React, Tailwind, and code Playground

HTML

<button class="add">Adicionar Not&iacute;cia</button>
<div class="addContent" title="Adicionar Not&iacute;cia">
    <form id="news" name="news" method="post">
        <textarea name="news"></textarea>
    </form>
</div>

JavaScript

$(function() {
    $("button").button();

    $(".addContent").dialog({
        autoOpen: false,
        show: 'slide',
        hide: 'drop',
        resizable: false,
        width: 800,
        height: 500,
        buttons: { 'Publicar' : function() { alert($(this).find('textarea').val()+"ae"); } },
        open: function() { $("textarea").first().focus(); }
    });

    // Event listener for adding content to the site (will open up in a dialog)
    $('button.add').live('click', function() {
        $(".addContent").dialog('open');
    });
});