Add 'No result found' feature

jquery.fastLiveFilter.js

@@ -1,6 +1,6 @@
 /**
  * fastLiveFilter jQuery plugin 1.0.3
- * 
+ *
  * Copyright (c) 2011, Anthony Bush
  * License: <http://www.opensource.org/licenses/bsd-license.php>
  * Project Website: http://anthonybush.com/projects/jquery_fast_live_filter/
@@ -14,28 +14,31 @@ jQuery.fn.fastLiveFilter = function(list, options) {
 	var lastFilter = '';
 	var timeout = options.timeout || 0;
 	var callback = options.callback || function() {};
-	
+
 	var keyTimeout;
-
+
+	// append 'No result found' item to the list
+	list.append("<li style='display:none'>No result found!</li>");
+
 	// NOTE: because we cache lis & len here, users would need to re-init the plugin
 	// if they modify the list in the DOM later.  This doesn't give us that much speed
 	// boost, so perhaps it's not worth putting it here.
 	var lis = list.children();
 	var len = lis.length;
 	var oldDisplay = len > 0 ? lis[0].style.display : "block";
 	callback(len); // do a one-time callback on initialization to make sure everything's in sync
-	
+
 	input.change(function() {
 		// var startTime = new Date().getTime();
 		var filter = input.val().toLowerCase();
 		var li, innerText;
 		var numShown = 0;
 		for (var i = 0; i < len; i++) {
 			li = lis[i];
-			innerText = !options.selector ? 
-				(li.textContent || li.innerText || "") : 
+			innerText = !options.selector ?
+				(li.textContent || li.innerText || "") :
 				$(li).find(options.selector).text();
-			
+
 			if (innerText.toLowerCase().indexOf(filter) >= 0) {
 				if (li.style.display == "none") {
 					li.style.display = oldDisplay;
@@ -47,6 +50,13 @@ jQuery.fn.fastLiveFilter = function(list, options) {
 				}
 			}
 		}
+
+		// if no match is found i.e. when var numShown count is 0, display 'No result found' list item
+		if (!numShown) {
+				li = lis[len-1];
+				li.style.display = "block";
+		}
+
 		callback(numShown);
 		// var endTime = new Date().getTime();
 		// console.log('Search for ' + filter + ' took: ' + (endTime - startTime) + ' (' + numShown + ' results)');