diff --git a/dev/demo/hint.html b/dev/demo/hint.html
index 7d93d73..38c4a99 100644
--- a/dev/demo/hint.html
+++ b/dev/demo/hint.html
@@ -14,10 +14,13 @@
 		 placeholder="Find ..."
 		 name="q"
 		 id="q-field"
+		 value="mbfhjgfghfhgfhfghfghnhvrthrjvztrhhrnvnthvft"
 		 autofocus="autofocus" />
 	  <button type="submit"><span>Go</span></button>
 	</div>
       </form>
     </header>
+
+    <a onclick="demoAlert(14, 'This is a warning')">Alert at 14</a>
   </body>
 </html>
diff --git a/dev/demo/hintdemo.js b/dev/demo/hintdemo.js
index fabf0c2..fd80b43 100644
--- a/dev/demo/hintdemo.js
+++ b/dev/demo/hintdemo.js
@@ -5,9 +5,16 @@
   }
 });
 
+var hint = undefined;
+
 require(['hint','hint/array','lib/domReady'], function (hintClass, hintArray, domReady) {
   KorAP.hintArray = hintArray;
   domReady(function() {
-    hintClass.create();
+    hint = hintClass.create();
   });
 });
+
+function demoAlert (pos, msg) {
+  if (hint !== undefined)
+    hint.charAlert(pos, msg);
+}