diff --git a/auto-complete.css b/auto-complete.css
index 4261b1d..941e38f 100644
--- a/auto-complete.css
+++ b/auto-complete.css
@@ -2,7 +2,7 @@
     text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
 
     /* core styles should not be changed */
-    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
+    position: absolute; /*display: none;*/ z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
 }
 .autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
 .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
diff --git a/auto-complete.js b/auto-complete.js
index 2f5a88c..5fcd9de 100644
--- a/auto-complete.js
+++ b/auto-complete.js
@@ -1,31 +1,23 @@
 /*
-    JavaScript autoComplete v1.0.4
+    JavaScript autoComplete v1.1.0
     Copyright (c) 2014 Simon Steinberger / Pixabay
     GitHub: https://github.com/Pixabay/JavaScript-autoComplete
     License: http://www.opensource.org/licenses/mit-license.php
 */
 
+// Chrome 38+, Edge 13+, Safari 8+, Firefox 26+, Opera 25+, all mobile browsers
+
 var autoComplete = (function(){
     // "use strict";
     function autoComplete(options){
         if (!document.querySelector) return;
 
         // helpers
-        function hasClass(el, className){ return el.classList ? el.classList.contains(className) : new RegExp('\\b'+ className+'\\b').test(el.className); }
-
-        function addEvent(el, type, handler){
-            if (el.attachEvent) el.attachEvent('on'+type, handler); else el.addEventListener(type, handler);
-        }
-        function removeEvent(el, type, handler){
-            // if (el.removeEventListener) not working in IE11
-            if (el.detachEvent) el.detachEvent('on'+type, handler); else el.removeEventListener(type, handler);
-        }
         function live(elClass, event, cb, context){
-            addEvent(context || document, event, function(e){
-                var found, el = e.target || e.srcElement;
-                while (el && !(found = hasClass(el, elClass))) el = el.parentElement;
-                if (found) cb.call(el, e);
-            });
+            (context || document).addEventListener(event, function(e){
+                for (var t = e.target || e.srcElement; t; t = t.parentElement)
+                    t.classList.contains(elClass) && (cb.call(t, e), t = 1);
+            }, true);
         }
 
         var o = {
@@ -37,11 +29,34 @@ var autoComplete = (function(){
             offsetTop: 1,
             cache: 1,
             menuClass: '',
-            renderItem: function (item, search){
+            renderItem: function(item, search){
                 // escape special characters
-                search = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
-                var re = new RegExp("(" + search.split(' ').join('|') + ")", "gi");
-                return '<div class="autocomplete-suggestion" data-val="' + item + '">' + item.replace(re, "<b>$1</b>") + '</div>';
+                var si = document.createElement('div');
+                si.className = 'autocomplete-suggestion';
+                si.setAttribute('data-val', item); // see PR#86
+                try{
+                    search = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+                    si.innerHTML = item.replace(new RegExp("(" + search.split(' ').join('|') + ")", "gi"), "<b>$1</b>");
+                }catch(e){
+                    si.textContent = item;
+                }
+                return si;
+            },
+            renderItems: function (data, search, that){
+                var tp = document.createElement('template');
+                var df = tp.content;
+                for (var i=0;i<data.length;i++){
+                    var item = data[i];
+                    var si = o.renderItem(item, search);
+                    if (typeof si === 'string') tp.innerHTML += si;
+                    else if (si && si.nodeType === 1) df.appendChild(si);
+                }
+                var _sc = that.sc;
+                var firstChild;
+                while (firstChild = _sc.firstChild) {
+                    firstChild.remove();
+                }
+                _sc.appendChild(df);
             },
             onSelect: function(e, term, item){}
         };
@@ -49,19 +64,21 @@ var autoComplete = (function(){
 
         // init
         var elems = typeof o.selector == 'object' ? [o.selector] : document.querySelectorAll(o.selector);
-        for (var i=0; i<elems.length; i++) {
-            var that = elems[i];
+        var forEach = function (that) {
 
+            that._currentRequestId = 0;
             // create suggestions container "sc"
             that.sc = document.createElement('div');
             that.sc.className = 'autocomplete-suggestions '+o.menuClass;
+            that.sc.style.display = 'none';
 
             that.autocompleteAttr = that.getAttribute('autocomplete');
             that.setAttribute('autocomplete', 'off');
-            that.cache = {};
+            that.cache = new Map(); // changed from {} to Map; related to PR#37 PR#38
             that.last_val = '';
 
-            that.updateSC = function(resize, next){
+            that.updateSC = function(resize, next){ // see issue mentioned in PR#49
+                if(that != document.activeElement) return; // issue#51 PR#52
                 var rect = that.getBoundingClientRect();
                 that.sc.style.left = Math.round(rect.left + (window.pageXOffset || document.documentElement.scrollLeft) + o.offsetLeft) + 'px';
                 that.sc.style.top = Math.round(rect.bottom + (window.pageYOffset || document.documentElement.scrollTop) + o.offsetTop) + 'px';
@@ -74,34 +91,34 @@ var autoComplete = (function(){
                         if (!next) that.sc.scrollTop = 0;
                         else {
                             var scrTop = that.sc.scrollTop, selTop = next.getBoundingClientRect().top - that.sc.getBoundingClientRect().top;
-                            if (selTop + that.sc.suggestionHeight - that.sc.maxHeight > 0)
+                            if (selTop + that.sc.suggestionHeight - that.sc.maxHeight > 0) {
                                 that.sc.scrollTop = selTop + that.sc.suggestionHeight + scrTop - that.sc.maxHeight;
-                            else if (selTop < 0)
+                            } else if (selTop < 0){
                                 that.sc.scrollTop = selTop + scrTop;
+                            }
                         }
                 }
-            }
-            addEvent(window, 'resize', that.updateSC);
+            };
+            window.addEventListener('resize', that.updateSC);
             document.body.appendChild(that.sc);
 
-            live('autocomplete-suggestion', 'mouseleave', function(e){
+            that.sc.addEventListener('mouseleave', function(e){
                 var sel = that.sc.querySelector('.autocomplete-suggestion.selected');
-                if (sel) setTimeout(function(){ sel.className = sel.className.replace('selected', ''); }, 20);
-            }, that.sc);
+                if (sel) setTimeout(function(){ sel.classList.remove('selected'); }, 20);
+            });
 
-            live('autocomplete-suggestion', 'mouseover', function(e){
+            live('autocomplete-suggestion', 'mouseenter', function(e){
                 var sel = that.sc.querySelector('.autocomplete-suggestion.selected');
-                if (sel) sel.className = sel.className.replace('selected', '');
-                this.className += ' selected';
+                if (sel) sel.classList.remove('selected');
+                this.classList.add('selected');
             }, that.sc);
 
             live('autocomplete-suggestion', 'mousedown', function(e){
-                if (hasClass(this, 'autocomplete-suggestion')) { // else outside click
-                    var v = this.getAttribute('data-val');
-                    that.value = v;
-                    o.onSelect(e, v, this);
-                    that.sc.style.display = 'none';
-                }
+                e.stopPropagation();
+                var v = this.getAttribute('data-val');
+                that.value = v;
+                o.onSelect(e, v, this);
+                that.sc.style.display = 'none';
             }, that.sc);
 
             that.blurHandler = function(){
@@ -112,20 +129,24 @@ var autoComplete = (function(){
                     setTimeout(function(){ that.sc.style.display = 'none'; }, 350); // hide suggestions on fast input
                 } else if (that !== document.activeElement) setTimeout(function(){ that.focus(); }, 20);
             };
-            addEvent(that, 'blur', that.blurHandler);
-
-            var suggest = function(data){
-                var val = that.value;
-                that.cache[val] = data;
-                if (data.length && val.length >= o.minChars) {
-                    var s = '';
-                    for (var i=0;i<data.length;i++) s += o.renderItem(data[i], val);
-                    that.sc.innerHTML = s;
+            that.addEventListener('blur', that.blurHandler);
+
+            var suggest = function(data, val){
+                val = val || that.value; // PR#28
+                that.cache.set(val, data);
+                that.triggerSC(data, val, val.length >= o.minChars);
+            };
+
+            // PR#40
+            // Optional method to trigger results programatically
+            that.triggerSC = function(data, val, b){
+                if (data.length && b!==false) {
+                    o.renderItems(data, (val || ''), that);
                     that.updateSC(0);
-                }
-                else
+                } else {
                     that.sc.style.display = 'none';
-            }
+                }
+            };
 
             that.keydownHandler = function(e){
                 var key = window.event ? e.keyCode : e.which;
@@ -133,17 +154,17 @@ var autoComplete = (function(){
                 if ((key == 40 || key == 38) && that.sc.innerHTML) {
                     var next, sel = that.sc.querySelector('.autocomplete-suggestion.selected');
                     if (!sel) {
-                        next = (key == 40) ? that.sc.querySelector('.autocomplete-suggestion') : that.sc.childNodes[that.sc.childNodes.length - 1]; // first : last
-                        next.className += ' selected';
-                        that.value = next.getAttribute('data-val');
+                        next = (key == 40) ? that.sc.querySelector('.autocomplete-suggestion') : that.sc.lastChild; // first : last
                     } else {
+                        sel.classList.remove('selected');
                         next = (key == 40) ? sel.nextSibling : sel.previousSibling;
-                        if (next) {
-                            sel.className = sel.className.replace('selected', '');
-                            next.className += ' selected';
-                            that.value = next.getAttribute('data-val');
-                        }
-                        else { sel.className = sel.className.replace('selected', ''); that.value = that.last_val; next = 0; }
+                    }
+                    if (next) {
+                        next.classList.add('selected');
+                        that.value = next.getAttribute('data-val');
+                    } else {
+                        that.value = that.last_val;
+                        next = 0;
                     }
                     that.updateSC(0, next);
                     return false;
@@ -152,11 +173,17 @@ var autoComplete = (function(){
                 else if (key == 27) { that.value = that.last_val; that.sc.style.display = 'none'; }
                 // enter
                 else if (key == 13 || key == 9) {
-                    var sel = that.sc.querySelector('.autocomplete-suggestion.selected');
-                    if (sel && that.sc.style.display != 'none') { o.onSelect(e, sel.getAttribute('data-val'), sel); setTimeout(function(){ that.sc.style.display = 'none'; }, 20); }
+                    var tsc = that.sc;
+                    var isVisible = tsc.style.display != 'none';
+                    var sel = tsc.querySelector('.autocomplete-suggestion.selected');
+                    if (sel && isVisible) {
+                        o.onSelect(e, sel.getAttribute('data-val'), sel);
+                        setTimeout(function(){ tsc.style.display = 'none'; }, 20);
+                    }
+                    if(isVisible) e.preventDefault(); // PR#8
                 }
             };
-            addEvent(that, 'keydown', that.keydownHandler);
+            that.addEventListener('keydown', that.keydownHandler);
 
             that.keyupHandler = function(e){
                 var key = window.event ? e.keyCode : e.which;
@@ -167,14 +194,23 @@ var autoComplete = (function(){
                             that.last_val = val;
                             clearTimeout(that.timer);
                             if (o.cache) {
-                                if (val in that.cache) { suggest(that.cache[val]); return; }
+                                var c = that.cache;
+                                if (c.has(val)) { suggest(c.get(val)); return; }
                                 // no requests if previous suggestions were empty
-                                for (var i=1; i<val.length-o.minChars; i++) {
-                                    var part = val.slice(0, val.length-i);
-                                    if (part in that.cache && !that.cache[part].length) { suggest([]); return; }
+                                var k = o.minChars;
+                                for (var j=val.length-1; j>=k; j--) {
+                                    var part = val.slice(0, j);
+                                    if (c.has(part) && !c.get(part).length) { suggest([]); return; }
                                 }
                             }
-                            that.timer = setTimeout(function(){ o.source(val, suggest) }, o.delay);
+                            // PR#5
+                            that.timer = setTimeout(function(){
+                                var val = that.value;
+                                var thisRequestId = ++that._currentRequestId;
+                                o.source(val, function (data, val){
+                                    if (thisRequestId === that._currentRequestId) return suggest(data, val);
+                                });
+                            }, o.delay);
                         }
                     } else {
                         that.last_val = val;
@@ -182,41 +218,45 @@ var autoComplete = (function(){
                     }
                 }
             };
-            addEvent(that, 'keyup', that.keyupHandler);
+            that.addEventListener('keyup', that.keyupHandler);
 
             that.focusHandler = function(e){
                 that.last_val = '\n';
                 that.keyupHandler(e)
             };
-            if (!o.minChars) addEvent(that, 'focus', that.focusHandler);
+            if (!o.minChars) that.addEventListener('focus', that.focusHandler);
+        }
+        for (var i=0; i<elems.length; i++) {
+            forEach(elems[i]);
         }
 
         // public destroy method
         this.destroy = function(){
-            for (var i=0; i<elems.length; i++) {
-                var that = elems[i];
-                removeEvent(window, 'resize', that.updateSC);
-                removeEvent(that, 'blur', that.blurHandler);
-                removeEvent(that, 'focus', that.focusHandler);
-                removeEvent(that, 'keydown', that.keydownHandler);
-                removeEvent(that, 'keyup', that.keyupHandler);
-                if (that.autocompleteAttr)
-                    that.setAttribute('autocomplete', that.autocompleteAttr);
-                else
-                    that.removeAttribute('autocomplete');
-                document.body.removeChild(that.sc);
-                that = null;
+            var elems = this.elems;
+            if (elems) {
+                this.elems = null;
+                for (var i=0; i<elems.length; i++) {
+                    var that = elems[i];
+                    window.removeEventListener('resize', that.updateSC);
+                    that.removeEventListener('blur', that.blurHandler);
+                    that.removeEventListener('focus', that.focusHandler);
+                    that.removeEventListener('keydown', that.keydownHandler);
+                    that.removeEventListener('keyup', that.keyupHandler);
+                    if (typeof that.autocompleteAttr == 'string') that.setAttribute('autocomplete', that.autocompleteAttr);
+                    else that.removeAttribute('autocomplete');
+                    that.sc && that.sc.remove(); // issue#92 PR#93
+                    that = null;
+                }
             }
         };
+
+        this.elems = elems; // PR#40
     }
     return autoComplete;
 })();
 
 (function(){
-    if (typeof define === 'function' && define.amd)
-        define('autoComplete', function () { return autoComplete; });
-    else if (typeof module !== 'undefined' && module.exports)
-        module.exports = autoComplete;
-    else
-        window.autoComplete = autoComplete;
+    if (typeof define === 'function' && define.amd) define('autoComplete', function () { return autoComplete; });
+    else if (typeof module !== 'undefined' && module.exports) module.exports = autoComplete;
+    else window.autoComplete = autoComplete;
 })();
diff --git a/auto-complete.min.js b/auto-complete.min.js
deleted file mode 100644
index 2d0f037..0000000
--- a/auto-complete.min.js
+++ /dev/null
@@ -1,3 +0,0 @@
-// JavaScript autoComplete v1.0.4
-// https://github.com/Pixabay/JavaScript-autoComplete
-var autoComplete=function(){function e(e){function t(e,t){return e.classList?e.classList.contains(t):new RegExp("\\b"+t+"\\b").test(e.className)}function o(e,t,o){e.attachEvent?e.attachEvent("on"+t,o):e.addEventListener(t,o)}function s(e,t,o){e.detachEvent?e.detachEvent("on"+t,o):e.removeEventListener(t,o)}function n(e,s,n,l){o(l||document,s,function(o){for(var s,l=o.target||o.srcElement;l&&!(s=t(l,e));)l=l.parentElement;s&&n.call(l,o)})}if(document.querySelector){var l={selector:0,source:0,minChars:3,delay:150,offsetLeft:0,offsetTop:1,cache:1,menuClass:"",renderItem:function(e,t){t=t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&");var o=new RegExp("("+t.split(" ").join("|")+")","gi");return'<div class="autocomplete-suggestion" data-val="'+e+'">'+e.replace(o,"<b>$1</b>")+"</div>"},onSelect:function(){}};for(var c in e)e.hasOwnProperty(c)&&(l[c]=e[c]);for(var a="object"==typeof l.selector?[l.selector]:document.querySelectorAll(l.selector),u=0;u<a.length;u++){var i=a[u];i.sc=document.createElement("div"),i.sc.className="autocomplete-suggestions "+l.menuClass,i.autocompleteAttr=i.getAttribute("autocomplete"),i.setAttribute("autocomplete","off"),i.cache={},i.last_val="",i.updateSC=function(e,t){var o=i.getBoundingClientRect();if(i.sc.style.left=Math.round(o.left+(window.pageXOffset||document.documentElement.scrollLeft)+l.offsetLeft)+"px",i.sc.style.top=Math.round(o.bottom+(window.pageYOffset||document.documentElement.scrollTop)+l.offsetTop)+"px",i.sc.style.width=Math.round(o.right-o.left)+"px",!e&&(i.sc.style.display="block",i.sc.maxHeight||(i.sc.maxHeight=parseInt((window.getComputedStyle?getComputedStyle(i.sc,null):i.sc.currentStyle).maxHeight)),i.sc.suggestionHeight||(i.sc.suggestionHeight=i.sc.querySelector(".autocomplete-suggestion").offsetHeight),i.sc.suggestionHeight))if(t){var s=i.sc.scrollTop,n=t.getBoundingClientRect().top-i.sc.getBoundingClientRect().top;n+i.sc.suggestionHeight-i.sc.maxHeight>0?i.sc.scrollTop=n+i.sc.suggestionHeight+s-i.sc.maxHeight:0>n&&(i.sc.scrollTop=n+s)}else i.sc.scrollTop=0},o(window,"resize",i.updateSC),document.body.appendChild(i.sc),n("autocomplete-suggestion","mouseleave",function(){var e=i.sc.querySelector(".autocomplete-suggestion.selected");e&&setTimeout(function(){e.className=e.className.replace("selected","")},20)},i.sc),n("autocomplete-suggestion","mouseover",function(){var e=i.sc.querySelector(".autocomplete-suggestion.selected");e&&(e.className=e.className.replace("selected","")),this.className+=" selected"},i.sc),n("autocomplete-suggestion","mousedown",function(e){if(t(this,"autocomplete-suggestion")){var o=this.getAttribute("data-val");i.value=o,l.onSelect(e,o,this),i.sc.style.display="none"}},i.sc),i.blurHandler=function(){try{var e=document.querySelector(".autocomplete-suggestions:hover")}catch(t){var e=0}e?i!==document.activeElement&&setTimeout(function(){i.focus()},20):(i.last_val=i.value,i.sc.style.display="none",setTimeout(function(){i.sc.style.display="none"},350))},o(i,"blur",i.blurHandler);var r=function(e){var t=i.value;if(i.cache[t]=e,e.length&&t.length>=l.minChars){for(var o="",s=0;s<e.length;s++)o+=l.renderItem(e[s],t);i.sc.innerHTML=o,i.updateSC(0)}else i.sc.style.display="none"};i.keydownHandler=function(e){var t=window.event?e.keyCode:e.which;if((40==t||38==t)&&i.sc.innerHTML){var o,s=i.sc.querySelector(".autocomplete-suggestion.selected");return s?(o=40==t?s.nextSibling:s.previousSibling,o?(s.className=s.className.replace("selected",""),o.className+=" selected",i.value=o.getAttribute("data-val")):(s.className=s.className.replace("selected",""),i.value=i.last_val,o=0)):(o=40==t?i.sc.querySelector(".autocomplete-suggestion"):i.sc.childNodes[i.sc.childNodes.length-1],o.className+=" selected",i.value=o.getAttribute("data-val")),i.updateSC(0,o),!1}if(27==t)i.value=i.last_val,i.sc.style.display="none";else if(13==t||9==t){var s=i.sc.querySelector(".autocomplete-suggestion.selected");s&&"none"!=i.sc.style.display&&(l.onSelect(e,s.getAttribute("data-val"),s),setTimeout(function(){i.sc.style.display="none"},20))}},o(i,"keydown",i.keydownHandler),i.keyupHandler=function(e){var t=window.event?e.keyCode:e.which;if(!t||(35>t||t>40)&&13!=t&&27!=t){var o=i.value;if(o.length>=l.minChars){if(o!=i.last_val){if(i.last_val=o,clearTimeout(i.timer),l.cache){if(o in i.cache)return void r(i.cache[o]);for(var s=1;s<o.length-l.minChars;s++){var n=o.slice(0,o.length-s);if(n in i.cache&&!i.cache[n].length)return void r([])}}i.timer=setTimeout(function(){l.source(o,r)},l.delay)}}else i.last_val=o,i.sc.style.display="none"}},o(i,"keyup",i.keyupHandler),i.focusHandler=function(e){i.last_val="\n",i.keyupHandler(e)},l.minChars||o(i,"focus",i.focusHandler)}this.destroy=function(){for(var e=0;e<a.length;e++){var t=a[e];s(window,"resize",t.updateSC),s(t,"blur",t.blurHandler),s(t,"focus",t.focusHandler),s(t,"keydown",t.keydownHandler),s(t,"keyup",t.keyupHandler),t.autocompleteAttr?t.setAttribute("autocomplete",t.autocompleteAttr):t.removeAttribute("autocomplete"),document.body.removeChild(t.sc),t=null}}}}return e}();!function(){"function"==typeof define&&define.amd?define("autoComplete",function(){return autoComplete}):"undefined"!=typeof module&&module.exports?module.exports=autoComplete:window.autoComplete=autoComplete}();
\ No newline at end of file
diff --git a/bower.json b/bower.json
index 6fb3f6c..c4d1c22 100644
--- a/bower.json
+++ b/bower.json
@@ -27,5 +27,9 @@
         "bower.json",
         "demo.html",
         "readme.md"
+    ],
+    "main": [
+    	"auto-complete.js",
+    	"auto-complete.css"
     ]
 }
diff --git a/demo.html b/demo.html
index ab7b1a2..78659f9 100644
--- a/demo.html
+++ b/demo.html
@@ -6,7 +6,7 @@
     <link rel="shortcut icon" href="https://pixabay.com/favicon.ico">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300">
-    <link rel="stylesheet" href="https://cdn.rawgit.com/yahoo/pure-release/v0.6.0/pure-min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yahoo/pure-release@v1.0.1/pure-min.css">
     <style>
         body { margin: 0; padding: 0; border: 0; min-width: 320px; color: #777; }
         html, button, input, select, textarea, .pure-g [class *= "pure-u"] { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.02em; }
@@ -54,9 +54,9 @@
     <div style="max-width:900px;padding:0 10px;margin:40px auto;text-align:center">
         <h1>autoComplete</h1>
         <h2>An extremely lightweight and powerful vanilla JavaScript completion suggester.</h2>
-        <a style="margin:5px 0" href="https://github.com/Pixabay/JavaScript-autoComplete/archive/master.zip" class="pure-button pure-button-primary button-lg">Download</a>
+        <a style="margin:5px 0" href="https://cdn.jsdelivr.net/gh/culefa/JavaScript-autoComplete@1.1.0/" class="pure-button pure-button-primary button-lg">Download</a>
         &nbsp;
-        <a style="margin:5px 0" href="https://github.com/Pixabay/JavaScript-autoComplete" class="pure-button button-lg">View on GitHub</a>
+        <a style="margin:5px 0" href="https://github.com/culefa/JavaScript-autoComplete/tree/1.1.0" class="pure-button button-lg">View on GitHub</a>
     </div>
     <form onsubmit="return false;" class="pure-form" style="border-top: 1px solid #eee;border-bottom:1px solid #eee;background:#fafafa;margin:30px 0;padding:20px 10px;text-align:center">
         <input id="hero-demo" autofocus type="text" name="q" placeholder="Programming languages ..." style="width:100%;max-width:600px;outline:0">
@@ -110,7 +110,7 @@ <h3>Settings</h3>
             <tr><td>delay</td><td>150</td><td>The delay in milliseconds between when a keystroke occurs and when a search is performed. A zero-delay is more responsive, but can produce a lot of load.</td></tr>
             <tr><td>offsetLeft</td><td><i>0</i></td><td>Optional left offset of the suggestions container.</td></tr>
             <tr><td>offsetTop</td><td><i>1</i></td><td>Optional top offset of the suggestions container.</td></tr>
-            <tr><td>cache</td><td><i>true</i></td><td>Determines if performed searches should be cached.</td></tr>
+            <tr><td>cache</td><td><i>1</i></td><td>Determines if performed searches should be cached.</td></tr>
             <tr>
                 <td>menuClass</td><td><i>''</i></td>
                 <td>Custom class/es that get/s added to the dropdown menu container.
@@ -138,8 +138,9 @@ <h3>Settings</h3>
             </td></tr>
 
             <tr><td colspan="3">&nbsp;</td></tr>
-            <tr><th>Public Methods</th><th colspan="2"></th></tr>
-            <tr><td>destroy</td><td colspan="2">Removes the autoComplete instance and its bindings.</td></tr>
+            <tr><th>Public Memebers</th><th colspan="2"></th></tr>
+            <tr><td>destroy()</td><td colspan="2">Removes the autoComplete instance and its bindings.</td></tr>
+            <tr><td>elems</td><td colspan="2">Elements generated by autoComplete</td></tr>
         </table>
 
         <h3 style="margin-top:.8em;border-top:1px solid #eee;padding-top:1.8em">Demos</h3>
@@ -152,13 +153,13 @@ <h4 style="margin-top:.5em">Searching in local data</h4>
         <pre class="prettyprint"><code>new autoComplete({
     selector: 'input[name=&quot;q&quot;]',
     minChars: 2,
-    source: function(term, suggest){
+    source: function(term, response){
         term = term.toLowerCase();
         var choices = ['ActionScript', 'AppleScript', 'Asp', ...];
         var matches = [];
-        for (i=0; i&lt;choices.length; i++)
-            if (~choices[i].toLowerCase().indexOf(term)) matches.push(choices[i]);
-        suggest(matches);
+        for (var i=0; i&lt;choices.length; i++)
+            if (choices[i].toLowerCase().indexOf(term)>=0) matches.push(choices[i]);
+        response(matches);
     }
 });</code></pre>
         <p>
@@ -172,11 +173,22 @@ <h4>AJAX requests</h4>
             In order to keep the source code small while retaining full flexibility, we decided to only use a simple callback function as the source for suggestions.
             Make your AJAX call inside this function and return matching suggestions with the response callback. For brevity, this example uses jQuery for AJAX:
         </p>
+        <h5>jQuery</h5>
         <pre class="prettyprint"><code>new autoComplete({
     selector: 'input[name=&quot;q&quot;]',
     source: function(term, response){
         $.getJSON('/some/ajax/url/', { q: term }, function(data){ response(data); });
     }
+});</code></pre>
+        <h5>Vanilla JS</h5>
+        <pre class="prettyprint"><code>new autoComplete({
+    selector: 'input[name=&quot;q&quot;]',
+    source: function(term, response){
+        fetch('/some/ajax/url/?q=' + encodeURIComponent(term))
+            .then(res => res.json())
+            .then(data => response(data))
+            .catch(error => console.error('Error fetching data:', error));
+    }
 });</code></pre>
         <p>
             The AJAX call in this example needs to return an array of strings.
@@ -184,12 +196,17 @@ <h4>AJAX requests</h4>
             This ensures the correct state of the autoComplete instance.
         </p>
 
+        <form onsubmit="return false;" class="pure-form" style="margin:30px 0 40px">
+            <input id="ajax-demo1" autofocus type="text" name="q" placeholder="Search a product (e.g. Laptop) ..." style="width:100%;max-width:600px;outline:0">
+        </form>
+
         <h4>Optimizing AJAX requests</h4>
         <p>
             All search results are cached by default and unnecessary requests are prevented in order to keep server load as low as possible.
             To further reduce server impact, it's possible to abort unfinished AJAX requests before starting new ones.
             Again using jQuery's AJAX method for brevity:
         </p>
+        <h5>jQuery</h5>
         <pre class="prettyprint"><code>var xhr;
 new autoComplete({
     selector: 'input[name=&quot;q&quot;]',
@@ -197,12 +214,49 @@ <h4>Optimizing AJAX requests</h4>
         try { xhr.abort(); } catch(e){}
         xhr = $.getJSON('/some/ajax/url/', { q: term }, function(data){ response(data); });
     }
+});</code></pre>
+        <h5>Vanilla JS</h5>
+        <pre class="prettyprint"><code>let controller = new AbortController();
+let signal = controller.signal;
+
+new autoComplete({
+    selector: 'input[name="q"]',
+    source: function(term, response) {
+        // Abort the previous request
+        controller.abort();
+
+        // Create a new AbortController for the next request
+        controller = new AbortController();
+        signal = controller.signal;
+
+        fetch('/some/ajax/url/?q=' + encodeURIComponent(term), { signal: signal })
+            .then(res => {
+                if (!res.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                return res.json();
+            })
+            .then(data => {
+                response(data);
+            })
+            .catch(error => {
+                if (error.name === 'AbortError') {
+                    console.log('Fetch aborted');
+                } else {
+                    console.error('Fetch Error:', error.message);
+                }
+            });
+    }
 });</code></pre>
         <p>
             By typing along, the user may trigger one AJAX request after the other.
             With this little trick, we make sure that only the most current one actually gets executed - if not done so already.
         </p>
 
+        <form onsubmit="return false;" class="pure-form" style="margin:30px 0 40px">
+            <input id="ajax-demo2" autofocus type="text" name="q" placeholder="Search a product (e.g. Laptop) ..." style="width:100%;max-width:600px;outline:0">
+        </form>
+
         <h4>Advanced suggestions handling and custom layout</h4>
         <p>
             By making use of the <span class="inline-code">renderItem()</span> function, it's possible to turn the autocompleter into an item suggester:
@@ -217,13 +271,13 @@ <h4>Advanced suggestions handling and custom layout</h4>
         <pre class="prettyprint"><code>new autoComplete({
     selector: 'input[name=&amp;quot;q&amp;quot;]',
     minChars: 1,
-    source: function(term, suggest){
+    source: function(term, response){
         term = term.toLowerCase();
         var choices = [['Australia', 'au'], ['Austria', 'at'], ['Brasil', 'br'], ...];
         var suggestions = [];
-        for (i=0;i&lt;choices.length;i++)
+        for (var i=0;i&lt;choices.length;i++)
             if (~(choices[i][0]+' '+choices[i][1]).toLowerCase().indexOf(term)) suggestions.push(choices[i]);
-        suggest(suggestions);
+        response(suggestions);
     },
     renderItem: function (item, search){
         search = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&amp;');
@@ -269,26 +323,87 @@ <h4>Advanced suggestions handling and custom layout</h4>
         var demo1 = new autoComplete({
             selector: '#hero-demo',
             minChars: 1,
-            source: function(term, suggest){
+            source: function(term, response){
                 term = term.toLowerCase();
                 var choices = ['ActionScript', 'AppleScript', 'Asp', 'Assembly', 'BASIC', 'Batch', 'C', 'C++', 'CSS', 'Clojure', 'COBOL', 'ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'HTML', 'Java', 'JavaScript', 'Lisp', 'Perl', 'PHP', 'PowerShell', 'Python', 'Ruby', 'Scala', 'Scheme', 'SQL', 'TeX', 'XML'];
                 var suggestions = [];
-                for (i=0;i<choices.length;i++)
-                    if (~choices[i].toLowerCase().indexOf(term)) suggestions.push(choices[i]);
-                suggest(suggestions);
+                for (var i=0;i<choices.length;i++) // PR#77
+                    if (choices[i].toLowerCase().indexOf(term)>=0) suggestions.push(choices[i]);
+                response(suggestions);
             }
         });
 
+        (function(){
+
+            var demoAjax= new autoComplete({
+                selector: '#ajax-demo1',
+                source: function(term, response) {
+
+                    fetch('https://dummyjson.com/products/search?q=' + encodeURIComponent(term))
+                        .then(res => {
+                            return res.json();
+                        })
+                        .then(data => {
+                            let result = data.products.map(entry=>entry.title);
+                            response(result);
+                        })
+                        .catch(error => {
+                            if (error.name === 'AbortError') {
+                                console.log('Fetch aborted');
+                            } else {
+                                console.error('Fetch Error:', error.message);
+                            }
+                        });
+                }
+            });
+        })();
+
+        (function(){
+            let controller = new AbortController();
+            let signal = controller.signal;
+
+            var demoAjax= new autoComplete({
+                selector: '#ajax-demo2',
+                source: function(term, response) {
+                    // Abort the previous request
+                    controller.abort();
+
+                    // Create a new AbortController for the next request
+                    controller = new AbortController();
+                    signal = controller.signal;
+
+                    fetch('https://dummyjson.com/products/search?q=' + encodeURIComponent(term), { signal: signal })
+                        .then(res => {
+                            if (!res.ok) {
+                                throw new Error('Network response was not ok');
+                            }
+                            return res.json();
+                        })
+                        .then(data => {
+                            let result = data.products.map(entry=>entry.title);
+                            response(result);
+                        })
+                        .catch(error => {
+                            if (error.name === 'AbortError') {
+                                console.log('Fetch aborted');
+                            } else {
+                                console.error('Fetch Error:', error.message);
+                            }
+                        });
+                }
+            });
+        })();
+
         var demo2 = new autoComplete({
             selector: '#advanced-demo',
             minChars: 0,
-            source: function(term, suggest){
+            source: function(term, response){
                 term = term.toLowerCase();
                 var choices = [['Australia', 'au'], ['Austria', 'at'], ['Brasil', 'br'], ['Bulgaria', 'bg'], ['Canada', 'ca'], ['China', 'cn'], ['Czech Republic', 'cz'], ['Denmark', 'dk'], ['Finland', 'fi'], ['France', 'fr'], ['Germany', 'de'], ['Hungary', 'hu'], ['India', 'in'], ['Italy', 'it'], ['Japan', 'ja'], ['Netherlands', 'nl'], ['Norway', 'no'], ['Portugal', 'pt'], ['Romania', 'ro'], ['Russia', 'ru'], ['Spain', 'es'], ['Swiss', 'ch'], ['Turkey', 'tr'], ['USA', 'us']];
                 var suggestions = [];
-                for (i=0;i<choices.length;i++)
+                for (var i=0;i<choices.length;i++) // PR#77
                     if (~(choices[i][0]+' '+choices[i][1]).toLowerCase().indexOf(term)) suggestions.push(choices[i]);
-                suggest(suggestions);
+                response(suggestions);
             },
             renderItem: function (item, search){
                 search = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&amp;');
@@ -301,16 +416,6 @@ <h4>Advanced suggestions handling and custom layout</h4>
             }
         });
 
-        if (~window.location.href.indexOf('http')) {
-            (function() {var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;po.src = 'https://apis.google.com/js/plusone.js';var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);})();
-            (function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=114593902037957";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));
-            !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');
-            document.getElementById('github_social').innerHTML = '\
-                <iframe style="float:left;margin-right:15px" src="//ghbtns.com/github-btn.html?user=Pixabay&repo=JavaScript-autoComplete&type=watch&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>\
-                <iframe style="float:left;margin-right:15px" src="//ghbtns.com/github-btn.html?user=Pixabay&repo=JavaScript-autoComplete&type=fork&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe>\
-            ';
-        }
     </script>
-    <script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js" async defer></script>
 </body>
 </html>
diff --git a/readme.md b/readme.md
index 0a155c3..3336e33 100644
--- a/readme.md
+++ b/readme.md
@@ -9,9 +9,37 @@ Released under the MIT License: http://www.opensource.org/licenses/mit-license.p
 This plugin was developed by [Pixabay.com](https://pixabay.com/) - an international repository for sharing free public domain images.
 We have implemented this piece of software in production on [plainJS](https://plainjs.com/) and we share it - in the spirit of Pixabay - freely with others.
 
+## Links
+
+https://cdn.jsdelivr.net/gh/culefa/JavaScript-autoComplete@1.1.0/auto-complete.js
+https://cdn.jsdelivr.net/gh/culefa/JavaScript-autoComplete@1.1.0/auto-complete.min.js
+
+## Usage
+```html
+<script src="https://cdn.jsdelivr.net/gh/culefa/JavaScript-autoComplete@1.1.0/auto-complete.min.js"></script>
+<form onsubmit="return false;" class="pure-form" style="border-top: 1px solid #eee;border-bottom:1px solid #eee;background:#fafafa;margin:30px 0;padding:20px 10px;text-align:center">
+    <input id="hero-demo" autofocus type="text" name="q" placeholder="Programming languages ..." style="width:100%;max-width:600px;outline:0">
+</form>
+<script>
+    var demo1 = new autoComplete({
+        selector: '#hero-demo',
+        minChars: 1,
+        source: function(term, suggest){
+            term = term.toLowerCase();
+            var choices = ['ActionScript', 'AppleScript', 'Asp', 'Assembly', 'BASIC', 'Batch', 'C', 'C++', 'CSS', 'Clojure', 'COBOL', 'ColdFusion', 'Erlang', 'Fortran', 'Groovy', 'Haskell', 'HTML', 'Java', 'JavaScript', 'Lisp', 'Perl', 'PHP', 'PowerShell', 'Python', 'Ruby', 'Scala', 'Scheme', 'SQL', 'TeX', 'XML'];
+            var suggestions = [];
+            for (var i=0;i<choices.length;i++)
+                if (choices[i].toLowerCase().indexOf(term)>=0) suggestions.push(choices[i]);
+            suggest(suggestions);
+        }
+    });
+</script>
+```
+    
+
 ## Demo and Documentation
 
-https://goodies.pixabay.com/javascript/auto-complete/demo.html
+https://raw.githack.com/culefa/JavaScript-autoComplete/1.1.0/demo.html
 
 ## Features
 
@@ -22,6 +50,10 @@ https://goodies.pixabay.com/javascript/auto-complete/demo.html
 
 ## Changelog
 
+### Version 1.1.0 - 2023/10/06
+
+* Rolling out Update for 2015 - 2023 PRs
+
 ### Version 1.0.4 - 2016/02/10
 
 * Included pull #6 and added offsetLeft/offsetTop as optional parameter for suggestions container.