SO http://stackoverflow.com/questions/18679231/creating-dialog-via-javascript

http://stackoverflow.com/a/18679335/1370556

by Luis Lebolo

HTML

<div id="test">
    <!--<div id="dialog" title="Basic dialog">
        <p>Hello.</p>
    </div>-->
    <a href="www.google.com">Link</a> 
</div>

CSS

.testClass {
    background-color: red;
}

JavaScript

$(document).ready(function () {

    //$("#dialog").dialog({autoOpen: false});

    $(document.body).on('click', "a", function (event) {
        if ($(this).hasClass('ui-dialog-titlebar-close')) return;
        event.preventDefault();
        //$("#dialog").dialog('open');
        $("#test").append('<div class="testClass" style="width: 100px;" id="dialog" title="Basic dialog"><p>Hello.</p></div>');
    });

});