diff --git a/examples/lists/countries/js/example.js b/examples/lists/countries/js/example.js
index 3059173f..a719b7b4 100644
--- a/examples/lists/countries/js/example.js
+++ b/examples/lists/countries/js/example.js
@@ -1,3 +1,8 @@
+/*
+In this example, we will build a list of countries that can be displayed in grid
+or list view.
+*/
+
 'use strict';
 
 Ox.load(['Geo', 'UI'], function() {
@@ -14,7 +19,6 @@ Ox.load(['Geo', 'UI'], function() {
                 id: 'code',
                 operator: '+',
                 title: 'Code',
-                unique: true,
                 visible: true,
                 width: 64
             },
@@ -300,6 +304,7 @@ Ox.load(['Geo', 'UI'], function() {
                 max: 1,
                 pageLength: 1000,
                 query: query,
+                selectAsYouType: 'name',
                 selected: ui.selected,
                 size: 128,
                 sort: Ox.clone(ui.sort, true),
@@ -318,9 +323,11 @@ Ox.load(['Geo', 'UI'], function() {
                 max: 1,
                 pageLength: 1000,
                 query: query,
+                selectAsYouType: 'name',
                 scrollbarVisible: true,
                 selected: ui.selected,
-                sort: Ox.clone(ui.sort, true)
+                sort: Ox.clone(ui.sort, true),
+                unique: 'code'
             })
             .bindEvent({
                 init: init,