diff --git a/index.html b/index.html
index 63094a4..6639d91 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,12 @@
 		<legend>Message Log <button id="clearMessage">Clear</button></legend>
 		<div id="messages"></div>
 	</fieldset>
+	<fieldset>
+		<legend>Options</legend>
+		<div>
+			<label><input title="You can ignore this if you don't know what it means" type="checkbox" id="logInstead" value="first_checkbox"> Console.log error obj instead of alerts</label
+		</div>
+	</fieldset>
 </div>
 <script type="text/javascript" src="lib/jquery-1.4.3.min.js"></script>
 <script type="text/javascript" src="index.js"></script>
diff --git a/index.js b/index.js
index 71dbc21..ecbe94a 100644
--- a/index.js
+++ b/index.js
@@ -5,6 +5,7 @@ new function() {
 	var serverUrl;
 	var connectionStatus;
 	var sendMessage;
+	var logInstead;
 	
 	var connectButton;
 	var disconnectButton; 
@@ -17,6 +18,7 @@ new function() {
 		ws.onclose = onClose;
 		ws.onmessage = onMessage;
 		ws.onerror = onError;
+		logInstead = $('#logInstead').is(':checked');
 
 		connectionStatus.text('OPENING ...');
 		serverUrl.attr('disabled', 'disabled');
@@ -62,7 +64,12 @@ new function() {
 	};
 	
 	var onError = function(event) {
-		alert(event.data);
+		console.log(event);
+		if(logInstead){
+			console.error('Error! ', event);
+		}else{
+			alert(event.data);
+		}
 	}
 	
 	var addMessage = function(data, type) {
@@ -101,6 +108,7 @@ new function() {
 			
 			sendButton.click(function(e) {
 				var msg = $('#sendMessage').val();
+				logInstead = $('#logInstead').is(':checked');
 				addMessage(msg, 'SENT');
 				ws.send(msg);
 			});