jafstar/chat.html

## chat.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Simplest Chat Room</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://theDomain.com');

  socket.on('news', function (data) {
    console.log(data);
    socket.emit('my other event', { my: 'data' });
  });

  function sendMsg(){
	var theMsg = $('#theMsg').val();
	 socket.emit('newMsg', { theMsg: theMsg });
	 $('#theMsg').attr('value','');
  }

  socket.on('writeMsg', function (data) {
      console.log(data.theMsg);
      $('#messages ul').append('<li>'+data.theMsg+'</li>');
  });


</script>
</head>

<body>
<div id="messages">
  <ul>
    <li>Welcome to the chat room</li>
  </ul>
</div>
<input type="text" id="theMsg">
<input type="button" value="Send" id="theBtn" onclick="sendMsg()">
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Simplest Chat Room</title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
	<script src="/socket.io/socket.io.js"></script>
	<script>
	var socket = io.connect('http://theDomain.com');

	socket.on('news', function (data) {
	console.log(data);
	socket.emit('my other event', { my: 'data' });
	});

	function sendMsg(){
	var theMsg = $('#theMsg').val();
	socket.emit('newMsg', { theMsg: theMsg });
	$('#theMsg').attr('value','');
	}

	socket.on('writeMsg', function (data) {
	console.log(data.theMsg);
	$('#messages ul').append('<li>'+data.theMsg+'</li>');
	});


	</script>
	</head>

	<body>
	<div id="messages">
	<ul>
	<li>Welcome to the chat room</li>
	</ul>
	</div>
	<input type="text" id="theMsg">
	<input type="button" value="Send" id="theBtn" onclick="sendMsg()">
	</body>
	</html>