diff --git a/ui/index.jsp b/ui/index.jsp
index fd8a6171f50..c93836601ee 100644
--- a/ui/index.jsp
+++ b/ui/index.jsp
@@ -57,6 +57,7 @@
             <!-- Select language -->
             <div class="select-language">
               <select name="language">
+							  <option value=""></option> <!-- when this blank option is selected, browser's default language will be used -->
                 <option value="en"><fmt:message key="label.lang.english"/></option>
                 <option value="ja"><fmt:message key="label.lang.japanese"/></option>
 								<option value="zh_CN"><fmt:message key="label.lang.chinese"/></option>
diff --git a/ui/scripts/ui-custom/login.js b/ui/scripts/ui-custom/login.js
index 60851a32b06..40d8aebbe4c 100644
--- a/ui/scripts/ui-custom/login.js
+++ b/ui/scripts/ui-custom/login.js
@@ -98,15 +98,13 @@
     // Select language
     var $languageSelect = $login.find('select[name=language]');
     $languageSelect.change(function() {
-      $.cookie('lang', $(this).val());
+		  if($(this).val() != '') //language dropdown is not blank
+        $.cookie('lang', $(this).val()); //the selected option in language dropdown will be used (instead of browser's default language) 
+			else //language dropdown is blank
+			  $.cookie('lang', null); //null $.cookie('lang'), so browser's default language will be used.
       document.location.reload();
     });
-
-    // Set default language
-    if (!$.cookie('lang')) {
-      $.cookie('lang', 'en');
-    }
-
+    
     $languageSelect.val($.cookie('lang'));
   };
 })(jQuery, cloudStack);