JavaScript - Close Two Dialog Boxes With One Click

Hello,

I have a dialog box and in there I have a button that says New Service. When a user clicks on New Service, another dialog is shown where they the put the name of the service and after they click Create, I want that dialog box and the first one close as well. Here is my code, I can't figure it out.

I want the #create-userDialog box to close after the user clicks on Create in #new-serviceDialog.

<script>
$(function() {

$( "#dialog:ui-dialog" ).dialog( "destroy" );

$( "#create-userDialog" ).dialog({
autoOpen: false,
width: 600,
modal: true,
buttons: {
"OPEN": function() {
var bValid = true;
allFields.removeClass( "ui-state-error" );


},
CLOSE: function() {
$( this ).dialog( "close" );
}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}
});

$( "#create-user" )
.button()
.click(function() {
$( "#create-userDialog" ).dialog( "open" );
});

$( "#new-serviceDialog" ).dialog({
autoOpen: false,
width: 400,
modal: true,
buttons: {
"Create": function() {
var bValid = true;
onclick = $( this ).dialog( "close" );
allFields.removeClass( "ui-state-error" );

},
Close: function() {
$( this ).dialog( "close" );

}
},
close: function() {
allFields.val( "" ).removeClass( "ui-state-error" );
}

});

$( "#new-service" )
.button()
.click(function() {
$( "#new-serviceDialog" ).dialog( "open" );
});

});
</script>