new jquey dialog with each click

new jquey dialog with each click

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.9/jquery-ui.min.js" type="text/javascript"></script>


<input type="button" id="btnTest" value="Test" />

JavaScript

function TestMessage(message) {
            $('<div class="TestDialog"></div>').appendTo('body')
                    .html('<div><h6>'+ message + '</h6></div>')
                    .dialog({
                        modal: true, title: 'Test message', zIndex: 10000, autoOpen: true,
                        width: 460, height: 300, modal: false, resizable: false, closeOnEscape: false,
                        //hide: "fadeout",
                        beforeClose: function (event, ui) {
                            //removeprivate();
                        },
                        buttons: {
                            Ok: function () {
                                $(this).dialog("close");
                            }
                        },
                        close: function (event, ui) {
                            $(this).remove();
                        }
                    });
        };

        $(document).ready(function () {
            $('#btnTest').live('click', function () {
                TestMessage('Hi!');
            });
        });