diff --git a/css/jquery.uls.css b/css/jquery.uls.css
index 4f2c1c5..4e80c6b 100644
--- a/css/jquery.uls.css
+++ b/css/jquery.uls.css
@@ -172,7 +172,7 @@ div.uls-region {
 	cursor: pointer;
 }
 
-.uls-menu .languagefilter {
+.uls-menu .uls-languagefilter {
 	background-color: transparent;
 	border: 1px solid #c9c9c9;
 	border-radius: 2px 2px 2px 2px;
@@ -186,7 +186,7 @@ div.uls-region {
 	transition: border 0.15s linear 0s;
 }
 
-.uls-menu .languagefilter:focus {
+.uls-menu .uls-languagefilter:focus {
 	border: 1px solid #3366bb;
 }
 
diff --git a/src/jquery.uls.core.js b/src/jquery.uls.core.js
index d2dae82..ecfe9b6 100644
--- a/src/jquery.uls.core.js
+++ b/src/jquery.uls.core.js
@@ -65,7 +65,7 @@
 				<div class="ten columns">\
 					<div id="uls-search-input-block" class="uls-search-input-block">\
 						<input type="text" class="uls-filterinput uls-filtersuggestion" id="uls-filtersuggestion" disabled="true"\
-							autocomplete="off" /> <input type="text" class="uls-filterinput languagefilter" id="languagefilter"\
+							autocomplete="off" /> <input type="text" class="uls-filterinput uls-languagefilter" id="uls-languagefilter"\
 							data-clear="uls-languagefilter-clear" data-suggestion="uls-filtersuggestion"\
 							placeholder="Language search" autocomplete="off" />\
 					</div>\
@@ -100,7 +100,7 @@
 		this.shown = false;
 		this.initialized = false;
 
-		this.$languageFilter = this.$menu.find( '#languagefilter' );
+		this.$languageFilter = this.$menu.find( '#uls-languagefilter' );
 		this.$regionFilters = this.$menu.find( '.uls-region' );
 		this.$resultsView = this.$menu.find( 'div.uls-language-list' );