JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<link rel="stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/themes/base/jquery-ui.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.20/jquery-ui.min.js"></script>
<button id="button-status">Click me!</button>
<div id="dialog-content" style="display:none">
  Getting binary ID... <div id="spinner" class="loading"></div>
</div>

CSS

div.loading
{
    background: url(http://getitdone.googlecode.com/files/spinner.gif) no-repeat center center;
    display: none;
    width: 16px;
    height: 16px;
}

JavaScript

var status = function() {
    var init = function(id) {
        var progressDialog = $("#dialog-content").dialog({
            autoOpen: false,
            title: "Launching Status Page"
        });

        var btn = $("#button-status");
        btn.click(function() {
            $("#spinner").show();
            progressDialog.dialog("open");

            return false;
        });

    };
    
    return {init: init};
}();

status.init(1);