Show simple modal dialog using JQuery
<p>There is the simple following div:</p>

<pre><code>&lt;div id="dialogg"&gt;
    Hello, world!
&lt;/div&gt;
</code></pre>

<p>Some CSS style:</p>

<pre><code>#dialogg {
    display: none;
}
</code></pre>

<p>And JQuery code:</p>

<pre><code>&lt;script src="assets/js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
&lt;script src="assets/js/jquery-ui-1.10.2.custom.js"&gt;&lt;/script&gt;
&lt;script src="assets/js/jquery-ui-1.10.2.custom.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
    $(function() {
        $('#dialogg').dialog({
            autoOpen: false;
            width: 400;
        });
        $('#dialogg').dialog('open');
    });
&lt;/script&gt;
</code></pre>

<p>But I see no dialogs! How can I fix it? What's wrong? </p>

<p>UPDATE:</p>

<pre><code>&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
    &lt;title&gt;Исторический турнир&lt;/title&gt;
    &lt;link rel="stylesheet" type="text/css" href="assets/css/main-styles.css"&gt;
    &lt;link rel="stylesheet" type="text/css" href="assets/css/departments-page-styles.css"&gt;
    &lt;link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" /&gt;
    &lt;script src="assets/js/jquery-1.9.1.min.js"&gt;&lt;/script&gt;
    &lt;script src="assets/js/jquery-ui-1.10.2.custom.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        $(function() {
            $('#dialogg').show();
            $('#dialogg').dialog({
                autoOpen: false;
                width: 400;
            });
            $('#dialogg').dialog('open');
        });
    &lt;/script&gt;
&lt;/head&gt;
</code></pre>

<p>But this code doesn't still work. </p>
