From be7da0239a5dbcd1a1458a5b642dc366fe626efe Mon Sep 17 00:00:00 2001
From: =?utf8?q?Scott=20Gonz=C3=A1lez?= <scott.gonzalez@gmail.com>
Date: Fri, 27 May 2011 08:32:48 -0400
Subject: [PATCH] Autocomplete demos: Coding standards.

---
 demos/autocomplete/categories.html        |  4 ++--
 demos/autocomplete/combobox.html          | 15 +++++++++++----
 demos/autocomplete/custom-data.html       |  8 ++++----
 demos/autocomplete/default.html           |  2 +-
 demos/autocomplete/folding.html           |  2 +-
 demos/autocomplete/maxheight.html         |  4 ++--
 demos/autocomplete/multiple-remote.html   |  6 ++++--
 demos/autocomplete/multiple.html          |  2 +-
 demos/autocomplete/remote-jsonp.html      | 10 ++++++----
 demos/autocomplete/remote-with-cache.html |  6 ++++--
 demos/autocomplete/remote.html            | 10 ++++++----
 11 files changed, 42 insertions(+), 27 deletions(-)

diff --git a/demos/autocomplete/categories.html b/demos/autocomplete/categories.html
index 17ec6495d..d2a1bc5bd 100644
--- a/demos/autocomplete/categories.html
+++ b/demos/autocomplete/categories.html
@@ -47,7 +47,7 @@
 			{ label: "andreas andersson", category: "People" },
 			{ label: "andreas johnson", category: "People" }
 		];
-		
+
 		$( "#search" ).catcomplete({
 			delay: 0,
 			source: data
@@ -59,7 +59,7 @@
 
 <div class="demo">
 	<label for="search">Search: </label>
-	<input id="search" />
+	<input id="search">
 </div><!-- End demo -->
 
 
diff --git a/demos/autocomplete/combobox.html b/demos/autocomplete/combobox.html
index 5fb3ffef9..b228c1cbb 100644
--- a/demos/autocomplete/combobox.html
+++ b/demos/autocomplete/combobox.html
@@ -14,9 +14,16 @@
 	<script src="../../ui/jquery.ui.tooltip.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-	.ui-button { margin-left: -1px; }
-	.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
-	.ui-autocomplete-input { margin: 0; padding: 0.4em 0 0.4em 0.45em; }
+	.ui-button {
+		margin-left: -1px;
+	}
+	.ui-button-icon-only .ui-button-text {
+		padding: 0.35em;
+	} 
+	.ui-autocomplete-input {
+		margin: 0;
+		padding: 0.4em 0 0.4em 0.45em;
+	}
 	</style>
 	<script>
 	(function( $ ) {
@@ -90,7 +97,7 @@
 					.addClass( "ui-widget ui-widget-content ui-corner-left" );
 
 				input.data( "autocomplete" )._renderItem = function( ul, item ) {
-					return $( "<li></li>" )
+					return $( "<li>" )
 						.data( "item.autocomplete", item )
 						.append( "<a>" + item.label + "</a>" )
 						.appendTo( ul );
diff --git a/demos/autocomplete/custom-data.html b/demos/autocomplete/custom-data.html
index a4edc4fcc..a5782cab9 100644
--- a/demos/autocomplete/custom-data.html
+++ b/demos/autocomplete/custom-data.html
@@ -67,7 +67,7 @@
 			}
 		})
 		.data( "autocomplete" )._renderItem = function( ul, item ) {
-			return $( "<li></li>" )
+			return $( "<li>" )
 				.data( "item.autocomplete", item )
 				.append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
 				.appendTo( ul );
@@ -79,9 +79,9 @@
 
 <div class="demo">
 	<div id="project-label">Select a project (type "j" for a start):</div>
-	<img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default"/>
-	<input id="project"/>
-	<input type="hidden" id="project-id"/>
+	<img id="project-icon" src="images/transparent_1x1.png" class="ui-state-default">
+	<input id="project">
+	<input type="hidden" id="project-id">
 	<p id="project-description"></p>
 </div><!-- End demo -->
 
diff --git a/demos/autocomplete/default.html b/demos/autocomplete/default.html
index 80e7642d4..bbd0889cf 100644
--- a/demos/autocomplete/default.html
+++ b/demos/autocomplete/default.html
@@ -49,7 +49,7 @@
 
 <div class="ui-widget">
 	<label for="tags">Tags: </label>
-	<input id="tags" />
+	<input id="tags">
 </div>
 
 </div><!-- End demo -->
diff --git a/demos/autocomplete/folding.html b/demos/autocomplete/folding.html
index f3e45502b..8ebf0d0a6 100644
--- a/demos/autocomplete/folding.html
+++ b/demos/autocomplete/folding.html
@@ -46,7 +46,7 @@
 <div class="ui-widget">
 	<form>
 	<label for="developer">Developer: </label>
-	<input id="developer" />
+	<input id="developer">
 	</form>
 </div>
 
diff --git a/demos/autocomplete/maxheight.html b/demos/autocomplete/maxheight.html
index c4f9769c3..f87f03171 100644
--- a/demos/autocomplete/maxheight.html
+++ b/demos/autocomplete/maxheight.html
@@ -60,12 +60,12 @@
 	</script>
 </head>
 <body>
-	
+
 <div class="demo">
 
 <div class="ui-widget">
 	<label for="tags">Tags: </label>
-	<input id="tags" />
+	<input id="tags">
 </div>
 
 </div><!-- End demo -->
diff --git a/demos/autocomplete/multiple-remote.html b/demos/autocomplete/multiple-remote.html
index 9351e8f3b..16472a36c 100644
--- a/demos/autocomplete/multiple-remote.html
+++ b/demos/autocomplete/multiple-remote.html
@@ -12,7 +12,9 @@
 	<script src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-	.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	.ui-autocomplete-loading {
+		background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
+	}
 	</style>
 	<script>
 	$(function() {
@@ -69,7 +71,7 @@
 
 <div class="ui-widget">
 	<label for="birds">Birds: </label>
-	<input id="birds" size="50" />
+	<input id="birds" size="50">
 </div>
 
 </div><!-- End demo -->
diff --git a/demos/autocomplete/multiple.html b/demos/autocomplete/multiple.html
index 4e67bf7e7..f5f249c41 100644
--- a/demos/autocomplete/multiple.html
+++ b/demos/autocomplete/multiple.html
@@ -84,7 +84,7 @@
 
 <div class="ui-widget">
 	<label for="tags">Tag programming languages: </label>
-	<input id="tags" size="50" />
+	<input id="tags" size="50">
 </div>
 
 </div><!-- End demo -->
diff --git a/demos/autocomplete/remote-jsonp.html b/demos/autocomplete/remote-jsonp.html
index 1cc71d1e3..bfcbc0607 100644
--- a/demos/autocomplete/remote-jsonp.html
+++ b/demos/autocomplete/remote-jsonp.html
@@ -12,14 +12,16 @@
 	<script src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-	.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	.ui-autocomplete-loading {
+		background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
+	}
 	#city { width: 25em; }
 	</style>
 	<script>
 	$(function() {
 		function log( message ) {
-			$( "<div/>" ).text( message ).prependTo( "#log" );
-			$( "#log" ).attr( "scrollTop", 0 );
+			$( "<div>" ).text( message ).prependTo( "#log" );
+			$( "#log" ).scrollTop( 0 );
 		}
 
 		$( "#city" ).autocomplete({
@@ -65,7 +67,7 @@
 
 <div class="ui-widget">
 	<label for="city">Your city: </label>
-	<input id="city" />
+	<input id="city">
 	Powered by <a href="http://geonames.org">geonames.org</a>
 </div>
 
diff --git a/demos/autocomplete/remote-with-cache.html b/demos/autocomplete/remote-with-cache.html
index d7aabd72a..3d7a818ed 100644
--- a/demos/autocomplete/remote-with-cache.html
+++ b/demos/autocomplete/remote-with-cache.html
@@ -12,7 +12,9 @@
 	<script src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-	.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	.ui-autocomplete-loading {
+		background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
+	}
 	</style>
 	<script>
 	$(function() {
@@ -44,7 +46,7 @@
 
 <div class="ui-widget">
 	<label for="birds">Birds: </label>
-	<input id="birds" />
+	<input id="birds">
 </div>
 
 </div><!-- End demo -->
diff --git a/demos/autocomplete/remote.html b/demos/autocomplete/remote.html
index 5538b2822..3229c5cd8 100644
--- a/demos/autocomplete/remote.html
+++ b/demos/autocomplete/remote.html
@@ -12,13 +12,15 @@
 	<script src="../../ui/jquery.ui.autocomplete.js"></script>
 	<link rel="stylesheet" href="../demos.css">
 	<style>
-	.ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; }
+	.ui-autocomplete-loading {
+		background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
+	}
 	</style>
 	<script>
 	$(function() {
 		function log( message ) {
-			$( "<div/>" ).text( message ).prependTo( "#log" );
-			$( "#log" ).attr( "scrollTop", 0 );
+			$( "<div>" ).text( message ).prependTo( "#log" );
+			$( "#log" ).scrollTop( 0 );
 		}
 
 		$( "#birds" ).autocomplete({
@@ -39,7 +41,7 @@
 
 <div class="ui-widget">
 	<label for="birds">Birds: </label>
-	<input id="birds" />
+	<input id="birds">
 </div>
 
 <div class="ui-widget" style="margin-top:2em; font-family:Arial">
-- 
2.39.5