diff --git a/demos/sortable/connectwith.html b/demos/sortable/connectwith.html
index 7bd49972c..c886e90a4 100644
--- a/demos/sortable/connectwith.html
+++ b/demos/sortable/connectwith.html
@@ -13,8 +13,8 @@
 	</style>
 	<script type="text/javascript">
 	$(function() {
-		$(".demo ul").sortable({
-			connectWith: ['ul']
+		$("#sortable1, #sortable2").sortable({
+			connectWith: ['.connectedSortable']
 		});
 	});
 	</script>
@@ -22,7 +22,7 @@
 <body>
 <div class="demo">
 
-<ul>
+<ul id="sortable1" class="connectedSortable">
 	<li class="ui-state-default">Item 1</li>
 	<li class="ui-state-default">Item 2</li>
 	<li class="ui-state-default">Item 3</li>
@@ -30,7 +30,7 @@
 	<li class="ui-state-default">Item 5</li>
 </ul>
 
-<ul>
+<ul id="sortable2" class="connectedSortable">
 	<li class="ui-state-highlight">Item 1</li>
 	<li class="ui-state-highlight">Item 2</li>
 	<li class="ui-state-highlight">Item 3</li>
diff --git a/demos/sortable/delay.html b/demos/sortable/delay.html
index 27f5151dc..037865c82 100644
--- a/demos/sortable/delay.html
+++ b/demos/sortable/delay.html
@@ -13,7 +13,7 @@
 	</style>
 	<script type="text/javascript">
 	$(function() {
-		$(".demo ul:eq(0)").sortable({
+		$("#sortable").sortable({
 			delay: 1000
 		});
 	});
@@ -24,7 +24,7 @@
 
 <p>Delay of 1000ms</p>
 
-<ul>
+<ul id="sortable">
 	<li class="ui-state-default">Item 1</li>
 	<li class="ui-state-default">Item 2</li>
 	<li class="ui-state-default">Item 3</li>
diff --git a/demos/sortable/distance.html b/demos/sortable/distance.html
index 0d0a89448..564b307a1 100644
--- a/demos/sortable/distance.html
+++ b/demos/sortable/distance.html
@@ -13,7 +13,7 @@
 	</style>
 	<script type="text/javascript">
 	$(function() {
-		$(".demo ul:eq(0)").sortable({
+		$("#sortable").sortable({
 			distance: 50
 		});
 	});
@@ -24,7 +24,7 @@
 
 <p>Distance of 50px</p>
 
-<ul>
+<ul id="sortable">
 	<li class="ui-state-default">Item 1</li>
 	<li class="ui-state-default">Item 2</li>
 	<li class="ui-state-default">Item 3</li>
