4 files changed, 20 insertions, 9 deletions
diff --git a/demos/dialog/modal-confirmation.html b/demos/dialog/modal-confirmation.html
index a5f6a1b26..b8c9a7115 100644
--- a/demos/dialog/modal-confirmation.html
+++ b/demos/dialog/modal-confirmation.html
@@ -12,7 +12,10 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
-		$("#dialog").dialog({
+		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
+		$("#dialog").dialog("destroy");
+	
+		$("#dialog-confirm").dialog({
 			stackfix: true,
 			resizable: false,
 			height:140,
@@ -37,7 +40,7 @@
 
 <div class="demo">
 
-<div id="dialog" title="Empty the recycle bin?">
+<div id="dialog-confirm" title="Empty the recycle bin?">
 	<p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
 </div>
 
diff --git a/demos/dialog/modal-form.html b/demos/dialog/modal-form.html
index a40a8f4d0..32e3bbb63 100644
--- a/demos/dialog/modal-form.html
+++ b/demos/dialog/modal-form.html
@@ -28,6 +28,8 @@
 	</style>
 	<script type="text/javascript">
 	$(function() {
+		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
+		$("#dialog").dialog("destroy");
 		
 		var name = $("#name"),
 			email = $("#email"),
@@ -63,7 +65,7 @@
 
 		}
 		
-		$("#dialog").dialog({
+		$("#dialog-form").dialog({
 			stackfix: true,
 			autoOpen: false,
 			height: 300,
@@ -103,7 +105,7 @@
 		
 		
 		$('#create-user').click(function() {
-			$('#dialog').dialog('open');
+			$('#dialog-form').dialog('open');
 		})
 		.hover(
 			function() {
@@ -133,7 +135,7 @@
 
 <div class="demo">
 
-<div id="dialog" title="Create new user">
+<div id="dialog-form" title="Create new user">
 	<p id="validateTips">All form fields are required.</p>
 
 	<form>
diff --git a/demos/dialog/modal-message.html b/demos/dialog/modal-message.html
index 24db34239..ca826b191 100644
--- a/demos/dialog/modal-message.html
+++ b/demos/dialog/modal-message.html
@@ -12,7 +12,10 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
-		$("#dialog").dialog({
+		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
+		$("#dialog").dialog("destroy");
+	
+		$("#dialog-message").dialog({
 			stackfix: true,
 			modal: true,
 			buttons: {
@@ -28,7 +31,7 @@
 
 <div class="demo">
 
-<div id="dialog" title="Download complete">
+<div id="dialog-message" title="Download complete">
 	<p>
 		<span class="ui-icon ui-icon-circle-check" style="float:left; margin:0 7px 50px 0;"></span>
 		Your files have downloaded successfully into the My Downloads folder.
diff --git a/demos/dialog/modal.html b/demos/dialog/modal.html
index 297b77a63..8716e7310 100644
--- a/demos/dialog/modal.html
+++ b/demos/dialog/modal.html
@@ -12,7 +12,10 @@
 	<link type="text/css" href="../demos.css" rel="stylesheet" />
 	<script type="text/javascript">
 	$(function() {
-		$("#dialog").dialog({
+		// a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
+		$("#dialog").dialog("destroy");
+	
+		$("#dialog-modal").dialog({
 			stackfix: true,
 			height: 140,
 			modal: true
@@ -25,7 +28,7 @@
 
 <div class="demo">
 
-<div id="dialog" title="Basic modal dialog">
+<div id="dialog-modal" title="Basic modal dialog">
 	<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
 </div>