[jquery-ui] Dialog- getting it to close with regular inputs or buttons

[roxstyle]

i am using dialogs with some complex layouts needing 2 separated
inline confirm buttons, so the generated "ui-dialog-buttonpane" does
not work for these layouts. Instead i have a button with the class of
"modal-close"

<span class="wrap">
        <button class="modal-close" type="button" role="button">Select</
button>
</span>

and i am trying to get the dialog to close with the modalClose
function (as follows), but this is not working.

$(function() {
        $(".updaterecip").hide();
        $("#recipient").dialog({
                bgiframe: true,
                autoOpen: false,
                height:510,
                width:700,
                resizable: false,
                modal: true,
                zIndex: 3200,
                overlay: {
                        backgroundColor: '#000',
                        opacity: 0.4
                },
                title: 'Choose a Recipient for Award',
                close: function() {
                         modalClose();
                },
                onClose:$(".updaterecip").show()
        });

        $(".openRecipient").click(function () {
                $('#recipient').dialog('open');
                $(this).attr({value:"Change Recipient"});
        });

});

function modalClose() {
        $(".modal-close").click(function() {
        $(this).dialog('close');
        });
};


Without using "ui-dialog-buttonpane" buttons- what would be the method
or class to add to inputs?

-- 
You received this message because you are subscribed to the Google Groups 
"jQuery UI" group.
To post to this group, send email to jquery...@googlegroups.com.
To unsubscribe from this group, send email to 
jquery-ui+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/jquery-ui?hl=en.