diff --git a/.eslintrc.json b/.eslintrc.json
index 3173b3f..d0a4832 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -4,7 +4,7 @@
 		"jquery": true
 	},
 	"extends": "jquery",
-    "rules": {
-        "no-console": "off"
+	"rules": {
+		"no-console": "off"
 	}
 }
\ No newline at end of file
diff --git a/README.md b/README.md
index 5b9de30..c8324b1 100644
--- a/README.md
+++ b/README.md
@@ -1,10 +1,14 @@
 # jQuery Stylize Select Plugin
 
+![GitHub last commit](https://img.shields.io/github/last-commit/glebkema/jquery-stylize-select)
+![GitHub tag (latest by date)](https://img.shields.io/github/v/tag/glebkema/jquery-stylize-select)
+![GitHub release (latest by date including pre-releases)](https://img.shields.io/github/v/release/glebkema/jquery-stylize-select?include_prereleases)
+
 The drop-down list for the select field itself is almost not styled. This plugin adds blocks around it and creates the necessary event handlers. So you can stylize the look of these blocks using the CSS. The plugin simplifies website development.
 
 The CSS file contains only the properties required for the functioning of the drop-down list and the field with the selection result. You need to stylize them yourself.
 
-Based on [Custom Select Menu](https://codepen.io/wallaceerick/pen/ctsCz), CodePen by [Wallace Erick](https://codepen.io/wallaceerick).
+Inspired by [Wallace Erick](https://codepen.io/wallaceerick)'s CodePen "[Custom Select Menu](https://codepen.io/wallaceerick/pen/ctsCz)".
 
 
 ## The plugin creates 3 blocks and uses 6 style classes
diff --git a/app/js/jquery-stylize-select.js b/app/js/jquery-stylize-select.js
index a5505a6..68ae296 100644
--- a/app/js/jquery-stylize-select.js
+++ b/app/js/jquery-stylize-select.js
@@ -2,9 +2,8 @@
   * jQuery Stylize Select Plugin
   * Description: This plugin adds HTML blocks around the <select> field and creates the necessary event handlers. All that remains is to style these blocks with CSS.
   * Copyright (c) 2019 Gleb Kemarsky, https://github.com/glebkema/jquery-stylize-select
-  * Based on https://codepen.io/wallaceerick/pen/ctsCz by Wallace Erick
   * Licensed under the MIT license
-  * Version: 0.5.6
+  * Version: 0.5.7
   */
 
 (function($) {
@@ -16,7 +15,7 @@
 		if (options && options.classSelect) {
 			classSelect = options.classSelect;
 		} else {
-			classSelect = ('string' === typeof options ? options : '.stylize-select');
+			classSelect = ('string' === typeof options ? options : $.fn.stylizeSelect.defaults.classSelect);
 		}
 		settings = $.extend({                          // CSS classes:
 			classSelect:   classSelect,                // main <div> that wraps the original <select> and all blocks we add
@@ -36,7 +35,8 @@
 				$list,
 				$listOptions;
 
-			$select.hide()
+			$select
+				.hide()
 				.wrap($('<div />', {
 					'class': settings.classSelect.slice(1),
 				//	'class': (settings.classSelect.slice(1) + ' ' + settings.classSelectAdd.slice(1)).trim(),
@@ -66,94 +66,109 @@
 			}
 			$listOptions = $list.children('li');
 
-			updateSelect((function() {
-				var indexSelected = $select.prop('selectedIndex');  // https://stackoverflow.com/a/13556979/6263942
-				return (indexSelected < 0 ? null : $listOptions.eq(indexSelected));
-			}()));  // NB: ()
+			$select
+				.change(function() {
+					if (this.selectedIndex > -1) {  // or $(this).prop('selectedIndex')
+						var $selectedOption = $list.children('[rel=\'' + $(this).val() + '\']');
+						if ($selectedOption) {
+							$selectStyled
+								.html($selectedOption.html())
+								.attr('style', function() {
+									var newStyle = $selectedOption.attr('style');
+									return ( newStyle ? newStyle : null );
+								});
+							$selectedOption.addClass(settings.classSelected.slice(1))
+								.siblings(settings.classSelected)
+								.removeClass(settings.classSelected.slice(1));
+						}
+					}
+				})
+				.change();  // put the initial content in $selectStyled
 
-			$select.parent(settings.classSelect).focusout(function(event) {
-				if (! this.contains(event.relatedTarget)) {
-					closeSelect();
-				}
-			});
-
-			$selectStyled.click(function() {
-				toggleSelect();
-				return false;  // stopPropagation & stopImmediatePropagation are not enough to prevent the `document.click` event
-			})
-			.keydown(function(event) {
-				var charCode = event.charCode || event.keyCode || event.which;
-				switch (charCode) {
-					case 27:  // esc
-						event.stopPropagation();
+			$select.parent(settings.classSelect)
+				.focusout(function(event) {
+					if (! this.contains(event.relatedTarget)) {
 						closeSelect();
-						break;
-					case 13:  // enter
-					case 32:  // space
-						event.preventDefault();
-						event.stopPropagation();
-						toggleSelect();
-						break;
-					case 38:  // arrow up
-						if ($selectStyled.hasClass(STR_ACTIVE)) {
-							event.preventDefault();
+					}
+				});
+
+			$selectStyled
+				.click(function() {
+					toggleSelect();
+					return false;  // stopPropagation & stopImmediatePropagation don`t prevent the document.click` event
+				})
+				.keydown(function(event) {
+					var charCode = event.charCode || event.keyCode || event.which;
+					switch (charCode) {
+						case 27:  // escape
 							event.stopPropagation();
 							closeSelect();
-						}
-						break;
-					case 40:  // arrow down
-						event.preventDefault();
-						event.stopPropagation();
-						if ($selectStyled.hasClass(STR_ACTIVE)) {
-							$listOptions.not(':hidden').first().focus();
-						} else {
-							openSelect();
-						}
-						break;
-				}
-			});
+							break;
+						case 13:  // enter
+						case 32:  // space
+							event.preventDefault();
+							event.stopPropagation();
+							toggleSelect();
+							break;
+						case 38:  // arrow up
+							if ($selectStyled.hasClass(STR_ACTIVE)) {
+								event.preventDefault();
+								event.stopPropagation();
+								closeSelect();
+							}
+							break;
+						case 40:  // arrow down
+							event.preventDefault();
+							event.stopPropagation();
+							if ($selectStyled.hasClass(STR_ACTIVE)) {
+								$listOptions.filter(':visible').first().focus();
+							} else {
+								openSelect();
+							}
+							break;
+					}
+				});
 
-			$listOptions.click(function(event) {
-				event.stopPropagation();
-				updateSelect($(this));
-				$selectStyled.focus();
-			})
-			.keydown(function(event) {
-				var $next, $prev,
-					charCode = event.charCode || event.keyCode || event.which;
-				switch (charCode) {
-					case 27:  // esc
-						event.stopPropagation();
-						closeSelect();
-						$selectStyled.focus();
-						break;
-					case 13:  // enter
-					case 32:  // space
-						event.preventDefault();
-						event.stopPropagation();
-						updateSelect($(this));
-						$selectStyled.focus();
-						break;
-					case 38:  // arrow up
-						event.preventDefault();
-						event.stopPropagation();
-						$prev = $(this).prevAll(':visible:first');  // prev() has a problem with hidden options
-						if ($prev.length) {
-							$prev.focus();
-						} else {
+			$listOptions
+				.click(function(event) {
+					event.stopPropagation();
+					performSelect($(this));
+				})
+				.keydown(function(event) {
+					var $next, $prev,
+						charCode = event.charCode || event.keyCode || event.which;
+					switch (charCode) {
+						case 27:  // escape
+							event.stopPropagation();
+							closeSelect();
 							$selectStyled.focus();
-						}
-						break;
-					case 40:  // arrow down
-						event.preventDefault();
-						event.stopPropagation();
-						$next = $(this).nextAll(':visible:first');
-						if ($next.length) {
-							$next.focus();
-						}
-						break;
-				}
-			});
+							break;
+						case 13:  // enter
+						case 32:  // space
+							event.preventDefault();
+							event.stopPropagation();
+							performSelect($(this));
+							break;
+						case 38:  // arrow up
+							event.preventDefault();
+							event.stopPropagation();
+							$prev = $(this).prevAll(':visible:first');  // prev() has a problem with hidden options
+							if ($prev.length) {
+								$prev.focus();
+							} else {
+								$selectStyled.focus();
+							}
+							break;
+						case 40:  // arrow down
+							event.preventDefault();
+							event.stopPropagation();
+							$next = $(this).nextAll(':visible:first');
+							if ($next.length) {
+								$next.focus();
+							}
+							break;
+					}
+				});
 
 			$(document).click(closeSelect);
 
@@ -169,6 +184,12 @@
 				$selectStyled.toggleClass(STR_ACTIVE).next(settings.classList).toggle();
 			}
 
+			function performSelect($newOption) {
+				updateSelect($newOption);
+				closeSelect();
+				$selectStyled.focus();
+			}
+
 			function toggleSelect() {
 				if ($selectStyled.hasClass(STR_ACTIVE)) {
 					closeSelect();
@@ -177,18 +198,9 @@
 				}
 			}
 
-			function updateSelect($selectedItem) {
-				if ($selectedItem && ! $selectedItem.hasClass(settings.classDisabled.slice(1))) {
-					$selectStyled.html($selectedItem.html())
-						.attr('style', function() {
-							var newStyle = $selectedItem.attr('style');
-							return ( newStyle ? newStyle : null );
-						});
-					$selectedItem.addClass(settings.classSelected.slice(1))
-						.siblings(settings.classSelected)
-						.removeClass(settings.classSelected.slice(1));
-					$select.val($selectedItem.attr('rel')).change();
-					closeSelect();
+			function updateSelect($newOption) {
+				if ($newOption && ! $newOption.hasClass(settings.classDisabled.slice(1))) {
+					$select.val($newOption.attr('rel')).change();  // run event handlers for the `change` event
 				}
 			}
 		});
@@ -196,4 +208,8 @@
 		return this;
 	};
 
+	$.fn.stylizeSelect.defaults = {
+		classSelect: '.stylize-select',
+	};
+
 }( jQuery ));
diff --git a/dist/jquery-stylize-select.js b/dist/jquery-stylize-select.js
index 38c4424..34dad01 100644
--- a/dist/jquery-stylize-select.js
+++ b/dist/jquery-stylize-select.js
@@ -2,9 +2,8 @@
   * jQuery Stylize Select Plugin
   * Description: This plugin adds HTML blocks around the <select> field and creates the necessary event handlers. All that remains is to style these blocks with CSS.
   * Copyright (c) 2019 Gleb Kemarsky, https://github.com/glebkema/jquery-stylize-select
-  * Based on https://codepen.io/wallaceerick/pen/ctsCz by Wallace Erick
   * Licensed under the MIT license
-  * Version: 0.5.6
+  * Version: 0.5.7
   */
 
 (function($) {
@@ -16,7 +15,7 @@
 		if (options && options.classSelect) {
 			classSelect = options.classSelect;
 		} else {
-			classSelect = ("string" === typeof options ? options : ".stylize-select");
+			classSelect = ("string" === typeof options ? options : $.fn.stylizeSelect.defaults.classSelect);
 		}
 		settings = $.extend({                          // CSS classes:
 			classSelect:   classSelect,                // main <div> that wraps the original <select> and all blocks we add
@@ -36,7 +35,8 @@
 				$list,
 				$listOptions;
 
-			$select.hide()
+			$select
+				.hide()
 				.wrap($("<div />", {
 					"class": settings.classSelect.slice(1),
 				//	"class": (settings.classSelect.slice(1) + " " + settings.classSelectAdd.slice(1)).trim(),
@@ -66,94 +66,109 @@
 			}
 			$listOptions = $list.children("li");
 
-			updateSelect((function() {
-				var indexSelected = $select.prop("selectedIndex");  // https://stackoverflow.com/a/13556979/6263942
-				return (indexSelected < 0 ? null : $listOptions.eq(indexSelected));
-			}()));  // NB: ()
+			$select
+				.change(function() {
+					if (this.selectedIndex > -1) {  // or $(this).prop("selectedIndex")
+						var $selectedOption = $list.children("[rel=\"" + $(this).val() + "\"]");
+						if ($selectedOption) {
+							$selectStyled
+								.html($selectedOption.html())
+								.attr("style", function() {
+									var newStyle = $selectedOption.attr("style");
+									return ( newStyle ? newStyle : null );
+								});
+							$selectedOption.addClass(settings.classSelected.slice(1))
+								.siblings(settings.classSelected)
+								.removeClass(settings.classSelected.slice(1));
+						}
+					}
+				})
+				.change();  // put the initial content in $selectStyled
 
-			$select.parent(settings.classSelect).focusout(function(event) {
-				if (! this.contains(event.relatedTarget)) {
-					closeSelect();
-				}
-			});
-
-			$selectStyled.click(function() {
-				toggleSelect();
-				return false;  // stopPropagation & stopImmediatePropagation are not enough to prevent the `document.click` event
-			})
-			.keydown(function(event) {
-				var charCode = event.charCode || event.keyCode || event.which;
-				switch (charCode) {
-					case 27:  // esc
-						event.stopPropagation();
+			$select.parent(settings.classSelect)
+				.focusout(function(event) {
+					if (! this.contains(event.relatedTarget)) {
 						closeSelect();
-						break;
-					case 13:  // enter
-					case 32:  // space
-						event.preventDefault();
-						event.stopPropagation();
-						toggleSelect();
-						break;
-					case 38:  // arrow up
-						if ($selectStyled.hasClass(STR_ACTIVE)) {
-							event.preventDefault();
+					}
+				});
+
+			$selectStyled
+				.click(function() {
+					toggleSelect();
+					return false;  // stopPropagation & stopImmediatePropagation don`t prevent the document.click` event
+				})
+				.keydown(function(event) {
+					var charCode = event.charCode || event.keyCode || event.which;
+					switch (charCode) {
+						case 27:  // escape
 							event.stopPropagation();
 							closeSelect();
-						}
-						break;
-					case 40:  // arrow down
-						event.preventDefault();
-						event.stopPropagation();
-						if ($selectStyled.hasClass(STR_ACTIVE)) {
-							$listOptions.not(":hidden").first().focus();
-						} else {
-							openSelect();
-						}
-						break;
-				}
-			});
+							break;
+						case 13:  // enter
+						case 32:  // space
+							event.preventDefault();
+							event.stopPropagation();
+							toggleSelect();
+							break;
+						case 38:  // arrow up
+							if ($selectStyled.hasClass(STR_ACTIVE)) {
+								event.preventDefault();
+								event.stopPropagation();
+								closeSelect();
+							}
+							break;
+						case 40:  // arrow down
+							event.preventDefault();
+							event.stopPropagation();
+							if ($selectStyled.hasClass(STR_ACTIVE)) {
+								$listOptions.filter(":visible").first().focus();
+							} else {
+								openSelect();
+							}
+							break;
+					}
+				});
 
-			$listOptions.click(function(event) {
-				event.stopPropagation();
-				updateSelect($(this));
-				$selectStyled.focus();
-			})
-			.keydown(function(event) {
-				var $next, $prev,
-					charCode = event.charCode || event.keyCode || event.which;
-				switch (charCode) {
-					case 27:  // esc
-						event.stopPropagation();
-						closeSelect();
-						$selectStyled.focus();
-						break;
-					case 13:  // enter
-					case 32:  // space
-						event.preventDefault();
-						event.stopPropagation();
-						updateSelect($(this));
-						$selectStyled.focus();
-						break;
-					case 38:  // arrow up
-						event.preventDefault();
-						event.stopPropagation();
-						$prev = $(this).prevAll(":visible:first");  // prev() has a problem with hidden options
-						if ($prev.length) {
-							$prev.focus();
-						} else {
+			$listOptions
+				.click(function(event) {
+					event.stopPropagation();
+					performSelect($(this));
+				})
+				.keydown(function(event) {
+					var $next, $prev,
+						charCode = event.charCode || event.keyCode || event.which;
+					switch (charCode) {
+						case 27:  // escape
+							event.stopPropagation();
+							closeSelect();
 							$selectStyled.focus();
-						}
-						break;
-					case 40:  // arrow down
-						event.preventDefault();
-						event.stopPropagation();
-						$next = $(this).nextAll(":visible:first");
-						if ($next.length) {
-							$next.focus();
-						}
-						break;
-				}
-			});
+							break;
+						case 13:  // enter
+						case 32:  // space
+							event.preventDefault();
+							event.stopPropagation();
+							performSelect($(this));
+							break;
+						case 38:  // arrow up
+							event.preventDefault();
+							event.stopPropagation();
+							$prev = $(this).prevAll(":visible:first");  // prev() has a problem with hidden options
+							if ($prev.length) {
+								$prev.focus();
+							} else {
+								$selectStyled.focus();
+							}
+							break;
+						case 40:  // arrow down
+							event.preventDefault();
+							event.stopPropagation();
+							$next = $(this).nextAll(":visible:first");
+							if ($next.length) {
+								$next.focus();
+							}
+							break;
+					}
+				});
 
 			$(document).click(closeSelect);
 
@@ -169,6 +184,12 @@
 				$selectStyled.toggleClass(STR_ACTIVE).next(settings.classList).toggle();
 			}
 
+			function performSelect($newOption) {
+				updateSelect($newOption);
+				closeSelect();
+				$selectStyled.focus();
+			}
+
 			function toggleSelect() {
 				if ($selectStyled.hasClass(STR_ACTIVE)) {
 					closeSelect();
@@ -177,18 +198,9 @@
 				}
 			}
 
-			function updateSelect($selectedItem) {
-				if ($selectedItem && ! $selectedItem.hasClass(settings.classDisabled.slice(1))) {
-					$selectStyled.html($selectedItem.html())
-						.attr("style", function() {
-							var newStyle = $selectedItem.attr("style");
-							return ( newStyle ? newStyle : null );
-						});
-					$selectedItem.addClass(settings.classSelected.slice(1))
-						.siblings(settings.classSelected)
-						.removeClass(settings.classSelected.slice(1));
-					$select.val($selectedItem.attr("rel")).change();
-					closeSelect();
+			function updateSelect($newOption) {
+				if ($newOption && ! $newOption.hasClass(settings.classDisabled.slice(1))) {
+					$select.val($newOption.attr("rel")).change();  // run event handlers for the `change` event
 				}
 			}
 		});
@@ -196,4 +208,8 @@
 		return this;
 	};
 
+	$.fn.stylizeSelect.defaults = {
+		classSelect: ".stylize-select",
+	};
+
 }( jQuery ));
diff --git a/dist/jquery-stylize-select.min.js b/dist/jquery-stylize-select.min.js
index b468972..4969063 100644
--- a/dist/jquery-stylize-select.min.js
+++ b/dist/jquery-stylize-select.min.js
@@ -2,8 +2,7 @@
   * jQuery Stylize Select Plugin
   * Description: This plugin adds HTML blocks around the <select> field and creates the necessary event handlers. All that remains is to style these blocks with CSS.
   * Copyright (c) 2019 Gleb Kemarsky, https://github.com/glebkema/jquery-stylize-select
-  * Based on https://codepen.io/wallaceerick/pen/ctsCz by Wallace Erick
   * Licensed under the MIT license
-  * Version: 0.5.6
+  * Version: 0.5.7
   */
-!function(v){v.fn.stylizeSelect=function(e){var s,p,u="active";return s=e&&e.classSelect?e.classSelect:"string"==typeof e?e:".stylize-select",p=v.extend({classSelect:s,classDisabled:s+"__disabled",classHidden:s+"__hidden",classList:s+"__list",classSelected:s+"__selected",classStyled:s+"__styled"},e),this.each(function(){var a,e,s,t,l=v(this),c=l.children("option"),i=c.length;l.hide().wrap(v("<div />",{class:p.classSelect.slice(1)})).after(v("<div />",{class:p.classStyled.slice(1),tabindex:0})),a=l.next(p.classStyled),e=v("<ul />",{class:p.classList.slice(1)}).insertAfter(a);for(var n=0;n<i;n++){var o=c.eq(n);v("<li />",{class:((o.attr("class")?o.attr("class"):"")+(o.prop("disabled")?" "+p.classDisabled.slice(1):"")+(o.prop("hidden")?" "+p.classHidden.slice(1):"")).trim(),html:o.data("html")||o.text(),rel:o.val(),style:o.attr("style"),tabindex:0}).appendTo(e)}function r(){a.removeClass(u),e.hide()}function d(){a.find("."+u).not(this).each(function(){v(this).removeClass(u).next(p.classList).hide()}),a.toggleClass(u).next(p.classList).toggle()}function h(){a.hasClass(u)?r():d()}function f(s){s&&!s.hasClass(p.classDisabled.slice(1))&&(a.html(s.html()).attr("style",function(){var e=s.attr("style");return e||null}),s.addClass(p.classSelected.slice(1)).siblings(p.classSelected).removeClass(p.classSelected.slice(1)),l.val(s.attr("rel")).change(),r())}s=e.children("li"),f((t=l.prop("selectedIndex"))<0?null:s.eq(t)),l.parent(p.classSelect).focusout(function(e){this.contains(e.relatedTarget)||r()}),a.click(function(){return h(),!1}).keydown(function(e){switch(e.charCode||e.keyCode||e.which){case 27:e.stopPropagation(),r();break;case 13:case 32:e.preventDefault(),e.stopPropagation(),h();break;case 38:a.hasClass(u)&&(e.preventDefault(),e.stopPropagation(),r());break;case 40:e.preventDefault(),e.stopPropagation(),a.hasClass(u)?s.not(":hidden").first().focus():d()}}),s.click(function(e){e.stopPropagation(),f(v(this)),a.focus()}).keydown(function(e){var s,t;switch(e.charCode||e.keyCode||e.which){case 27:e.stopPropagation(),r(),a.focus();break;case 13:case 32:e.preventDefault(),e.stopPropagation(),f(v(this)),a.focus();break;case 38:e.preventDefault(),e.stopPropagation(),(t=v(this).prevAll(":visible:first")).length?t.focus():a.focus();break;case 40:e.preventDefault(),e.stopPropagation(),(s=v(this).nextAll(":visible:first")).length&&s.focus()}}),v(document).click(r)}),this}}(jQuery);
\ No newline at end of file
+!function(p){p.fn.stylizeSelect=function(e){var s,h,u="active";return s=e&&e.classSelect?e.classSelect:"string"==typeof e?e:p.fn.stylizeSelect.defaults.classSelect,h=p.extend({classSelect:s,classDisabled:s+"__disabled",classHidden:s+"__hidden",classList:s+"__list",classSelected:s+"__selected",classStyled:s+"__styled"},e),this.each(function(){var a,e,s,t=p(this),l=t.children("option"),c=l.length;t.hide().wrap(p("<div />",{class:h.classSelect.slice(1)})).after(p("<div />",{class:h.classStyled.slice(1),tabindex:0})),a=t.next(h.classStyled),e=p("<ul />",{class:h.classList.slice(1)}).insertAfter(a);for(var i=0;i<c;i++){var n=l.eq(i);p("<li />",{class:((n.attr("class")?n.attr("class"):"")+(n.prop("disabled")?" "+h.classDisabled.slice(1):"")+(n.prop("hidden")?" "+h.classHidden.slice(1):"")).trim(),html:n.data("html")||n.text(),rel:n.val(),style:n.attr("style"),tabindex:0}).appendTo(e)}function o(){a.removeClass(u),e.hide()}function r(){a.find("."+u).not(this).each(function(){p(this).removeClass(u).next(h.classList).hide()}),a.toggleClass(u).next(h.classList).toggle()}function d(e){!function(e){e&&!e.hasClass(h.classDisabled.slice(1))&&t.val(e.attr("rel")).change()}(e),o(),a.focus()}function f(){a.hasClass(u)?o():r()}s=e.children("li"),t.change(function(){if(-1<this.selectedIndex){var s=e.children('[rel="'+p(this).val()+'"]');s&&(a.html(s.html()).attr("style",function(){var e=s.attr("style");return e||null}),s.addClass(h.classSelected.slice(1)).siblings(h.classSelected).removeClass(h.classSelected.slice(1)))}}).change(),t.parent(h.classSelect).focusout(function(e){this.contains(e.relatedTarget)||o()}),a.click(function(){return f(),!1}).keydown(function(e){switch(e.charCode||e.keyCode||e.which){case 27:e.stopPropagation(),o();break;case 13:case 32:e.preventDefault(),e.stopPropagation(),f();break;case 38:a.hasClass(u)&&(e.preventDefault(),e.stopPropagation(),o());break;case 40:e.preventDefault(),e.stopPropagation(),a.hasClass(u)?s.filter(":visible").first().focus():r()}}),s.click(function(e){e.stopPropagation(),d(p(this))}).keydown(function(e){var s,t;switch(e.charCode||e.keyCode||e.which){case 27:e.stopPropagation(),o(),a.focus();break;case 13:case 32:e.preventDefault(),e.stopPropagation(),d(p(this));break;case 38:e.preventDefault(),e.stopPropagation(),(t=p(this).prevAll(":visible:first")).length?t.focus():a.focus();break;case 40:e.preventDefault(),e.stopPropagation(),(s=p(this).nextAll(":visible:first")).length&&s.focus()}}),p(document).click(o)}),this},p.fn.stylizeSelect.defaults={classSelect:".stylize-select"}}(jQuery);
\ No newline at end of file
diff --git a/tasks/js-hint.js b/tasks/js-hint.js
index c517123..ea6b439 100644
--- a/tasks/js-hint.js
+++ b/tasks/js-hint.js
@@ -10,8 +10,9 @@ module.exports = function(options) {
 		return multipipe(
 			gulp.src(options.src, {since: gulp.lastRun(options.taskName)}),
 			$.jshint(),
-			$.jshint.reporter('jshint-stylish'),
-			//$.jshint.reporter('fail'),  // https://www.npmjs.com/package/gulp-jshint
+		//	$.jshint.reporter('jshint-stylish'),
+			$.jshint.reporter('jshint-stylish', {beep: true}),  // https://www.npmjs.com/package/jshint-stylish
+		//	$.jshint.reporter('fail'),  // https://www.npmjs.com/package/gulp-jshint
 			$.debug({title: options.taskName})
 		).on('error', $.notify.onError());
 	};
diff --git a/tests/index.html b/tests/index.html
index 9eb8243..f2ce110 100644
--- a/tests/index.html
+++ b/tests/index.html
@@ -55,6 +55,25 @@
 		<option value="5">5</option>
 	</select>
 
+	<select name="test4b" id="test4b" class="tests">
+		<option value="0" hidden>Hidden</option>
+		<option value="1">1</option>
+		<option value="2">2</option>
+		<option value="3">3</option>
+		<option value="4">4</option>
+		<option value="5">5</option>
+	</select>
+
+	<label for="changeValueByScript">A value has been change by the script to <span>&mdash;</span></label>
+	<select name="changeValueByScript" id="changeValueByScript" class="tests">
+		<option value="0">0</option>
+		<option value="1">1</option>
+		<option value="2">2</option>
+		<option value="3">3</option>
+		<option value="4">4</option>
+		<option value="5">5</option>
+	</select>
+
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 	<script src="../dist/jquery-stylize-select.min.js"></script>
 	<script src="../tests/tests.js"></script>
diff --git a/tests/tests.js b/tests/tests.js
index 0ec174b..18d144d 100644
--- a/tests/tests.js
+++ b/tests/tests.js
@@ -6,8 +6,18 @@ jQuery(document).ready(function($) {
 		$tests.stylizeSelect();
 	}
 
+
+	//**** debug
 	$tests.change(function() {
 		console.log($(this).attr('id'), 'changes to "' + $(this).find(":selected").text() + '"');
 	});
 
+
+	//**** tests
+	var changeValueByScript = 'changeValueByScript',
+		$changeValueByScript = $('#' + changeValueByScript);
+	$changeValueByScript.val(2).change();  // trigger `change` after setting the value: https://api.jquery.com/val/
+	$('label[for="' + changeValueByScript + '"]').children('span').html($changeValueByScript.val());
+	console.log('changeValueByScript has been changed to',  $changeValueByScript.val());
+
 });