弹出式表单不起作用

所以我有这个图像，我按下它应该显示一个窗体。我试图通过代码和警报工作做一些警报，但形式仍然没有显示。

Folders.php

<?php require_once('menu.php') ?>
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
    <script type="text/javascript" src="hideShowForm.js"></script>
    <aside>
        <form method="post" class="basic-frm" id="newFolder">
            <label>
                <h1>New Folder</h1>
            </label>
            <label>
                <span>Title:</span>
                <input id="title" type="text" name="title"/>
            </label>
            <label>
                <span>Description</span>
                <input id="description" type="text" name="description"/>
            </label>
            <input id="submit" type="submit" name="submit" value="Submit" class="button"/>
        </form>
        <script type="javascript">
        </script>
        <h1>Welcome</h1>
        <img src="images/newFolder.svg" onmouseover="this.src='images/newFolderHover.svg'" onmouseout="this.src='images/newFolder.svg'" id="clicky">
        <p>New folder</p>
    </aside>
<?php require_once('footer.php') ?>

hideShowForm.js

$(document).ready(function(){
    $('#newFolder').dialog({
        autoOpen: false,
        buttons: [
            {
                text: "Cancel",
                click: function() {
                    $(this).dialog("close");
                }},
            {
                text: "Submit",
                click: function() {
                    $('#zFormer').submit();
                }}
        ]
    });
    $('#clicky').button().click(function() {
        $('#newFolder').dialog("Open")
        alert("test");
    });
});

所以我在这里做的是表单将自动隐藏当页面加载(这工作得很好)，但当我点击图像，其中有一个id为#clicky的表单不显示，但警告做。

我也没有在控制台错误，或者我已经试过了。