jQuery UI两个对话框抛出Uncaught TypeError：Object [object Object]没有方法'对话'

Question

<div id="message-form" title="Send Message">
<p class="validateTips">All form fields are required</p>
<form id="send-form" action="" type="POST">
    <label for="to" id="to-label">To:</label>
    <textarea id="to" name="name" class="mention" required></textarea> <br />
    <label for="body" id="body-label">Message:</label><br />
    <textarea name="body" id="body-message"></textarea>
    <div id="success"></div>
    <input type="hidden" name="u_id" id="hidden_val"value=""> 
</form>
</div>

$(document).ready(function() {

    $('.view-messages').each(function() {
        var $dialog = $('<div></div>').load($(this).attr('href')).dialog({
            autoOpen: false,
            title: $(this).attr('title'),
            width: 500,
            height: 300
        });
        $('.view-button').button().click(function() {
            $dialog.dialog('open');
            return false;
        });
    });

    $(function() {
        var name = $("#to"),
            message = $("#body-message"),
            allFields = $([]).add(name).add(message);
        $('#message-form').dialog({
            autoOpen: false,
            height: 450,
            width: 500,
            modal: true,
            buttons: {
                "Send": function() {
                    $('textarea.mention').mentionsInput('val', function(text) {
                        var value = text;
                        $("#hidden_val").val(value);
                    });
                    var request = $.ajax({
                        type: "POST",
                        url: "/post",
                        data: $('#send-form').serialize(),
                        success: function() {
                            $('#success').append("<p id='append'>Message Sent</p>");
                        }
                    });
                },
                Cancel: function() {
                    $(this).dialog("close");
                    allFields.val("");
                    $('#append').empty().remove();
                }
            },
            close: function() {
                allFields.val("");
                $('#append').empty().remove();

            }
        });

        /**
         *open the dialog box upon clicking
         */
        $("#message-user").button().click(function() {
            $("#message-form").dialog("open");
            return false;
        });

        $("#delete").button().click(function() {
            //
        });

        $("#sent").button().click(function() {

        });


    });
});​

问题是：我有一个名为compose的按钮，它将一个表单打开到一个对话框中，它之前工作正常。关键是我还希望我的动态视图消息链接能够将两个人之间的对话打开到对话框中，而不是重定向到新的整页。上面的代码仅用于打开视图消息，它会破坏我的撰写按钮的功能。我很难过。视图消息是通过db加载到站点的PHP。