gistfile1.htm

<div id="messages"></div>

<form>
  <input id="message" type="text" />
  <input type="submit" value="Send" />
</form>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<script type="text/javascript">
 
if ("WebSocket" in window) {
  var socket = new WebSocket("ws://localhost:2200");
  socket.onopen = function(event) { console.log("connection open"); }
  socket.onclose = function(event) { console.log('connection closed'); }
  socket.onmessage = function(event) { 
    $("#messages").append('<div id="message">' + event.data + '</div>');
  };
} else {
  alert("No socket support.");
}

function send_message(message) {
  socket.send(message);
}

$(document).ready(function() {
  $("form").submit(function() {
    send_message($("#message").val());
    return false;
  });
});

</script>