stonio
diff --git a/‎.gitignore
+4 b/‎.gitignore
+4
diff --git a/‎content/styles.css
+2-2 b/‎content/styles.css
+2-2
diff --git a/‎demo.htm
+11-1 b/‎demo.htm
+11-1
@@ -1 +1,5 @@
 /*.user
+/*.sln
+/*.suo
+/.idea*
+/*.xml
@@ -3,8 +3,8 @@
 
 .autocomplete-w1 { position: absolute; top: 0px; left: 0px; }
 .autocomplete { border: 1px solid #999; background: #FFF; cursor: default; text-align: left; max-height: 350px; overflow: auto; /* IE6 specific: */ _height: 350px; _margin: 0; _overflow-x: hidden; }
-    .autocomplete .selected { background: #F0F0F0; }
+    .autocomplete-selected { background: #F0F0F0; }
     .autocomplete div { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
     .autocomplete strong { font-weight: normal; color: #3399FF; }
 
-#query { font-size: 28px; padding: 10px; border: 1px solid #CCC; display: block; margin: 40px; }
+input { font-size: 28px; padding: 10px; border: 1px solid #CCC; display: block; margin: 20px 0; }
@@ -7,14 +7,24 @@
 <body>
     <div class="container">
         <h1>Ajax Autocomplete Demo</h1>
+
+        <h2>Ajax Lookup</h2>
+        <p>Type country name in english:</p>
+        <div>
+            <input type="text" name="country" id="autocomplete-ajax"/>
+        </div>
+        <div id="selction-ajax"></div>
+        
+        <h2>Local Lookup</h2>
         <p>Type country name in english:</p>
         <div>
-            <input type="text" name="query" id="query"/>
+            <input type="text" name="country" id="autocomplete"/>
         </div>
         <div id="selection"></div>
     </div>
 
     <script type="text/javascript" src="scripts/jquery-1.8.2.min.js"></script>
+    <script type="text/javascript" src="scripts/jquery.mockjax.js"></script>
     <script type="text/javascript" src="src/jquery.autocomplete.js"></script>
     <script type="text/javascript" src="scripts/demo.js"></script>
 </body>
-Original file line number
+Diff line change
 /*.user
 +/*.sln
 +/*.suo
 +/.idea*
 +/*.xml