index.html

<!doctype html>  
<html lang="en">  
    <head>

    </head>
    <body>
        <h1>Hello World!</h1>
        <div id="future"></div>
        <form id="form" id="chat_form">
            <input id="chat_input" type="text">
            <input type="submit" value="Send">
        </form>
         <script src="/jquery/dist/jquery.js"></script>
        <script src="/socket.io/socket.io.js"></script>
        <script>  
            var socket = io.connect('http://10.1.220.19:4200');
            //the socket.on('connect') event is on on successful connection from the web browser
            socket.on('connect', function(data) {
                //callback function that will send a msg upon successful connection from browser
                socket.emit('join', 'Hello World from client');
            });
            socket.on('messages', function(data) {
                alert(data);
            });
        </script>  
        <script>  
             var socket = io.connect();
             socket.on('connect', function(data) {
                socket.emit('join', 'Hello World from client');
             });
             socket.on('broad', function(data) {
                     $('#future').append(data+ "<br/>");
               });

             $('form').submit(function(e){
                 e.preventDefault();
                 var message = $('#chat_input').val();
                 socket.emit('messages', message);
             });
        </script>  
    </body>
</html>  