JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css">
<button class="details" value="1">1</button>
<button class="details" value="2">2</button>
<button class="details" value="3">3</button>
<button class="details" value="4">4</button>
<button class="details" value="5">5</button>
<button class="details" value="6">6</button>

JavaScript

$(document).ready(function() {
    $("button.details").click(function() {
        $.ajax({
            url: "/pub_details.php?id="+this.value,
            success: function(data) {
                $('<div></div>')
                    .html(data)
                    .dialog({autoOpen: true,title:'something',modal:true});
            }
        });
    });
});