diff --git a/public/index.html b/public/index.html
index 240f168..cf1fa21 100644
--- a/public/index.html
+++ b/public/index.html
@@ -94,13 +94,13 @@
               </button>
               <hr>  
               <div class="messages mt-1" style="min-height:30px;border:1px solid lightgrey;border-radius:.25rem;"></div>
-              <hr>
+              <br>
               <div class="row">
                 <div class="col-12 col-sm-10">
-                  <input type="text" class="form-control">
+                  <input type="text" v-model="chatInput" class="form-control">
                 </div>
-                <div class="col-2">
-                  <div class="btn btn-primary float-right">
+                <div class="col-12 col-sm-2">
+                  <div class="btn btn-primary float-right" v-on:click="sendMessage()">
                     Send
                   </div>
                 </div>  
diff --git a/public/main.js b/public/main.js
index 41f83cd..d904e57 100644
--- a/public/main.js
+++ b/public/main.js
@@ -32,6 +32,7 @@ var app = new Vue({
     stream: null,
     calls: [],
     connections: [],
+    chatInput: '',
   },
   methods: {
     logMessage: function(message) {
@@ -81,12 +82,19 @@ var app = new Vue({
     },
     hangUp: function() {
       this.calls.forEach(c => {
+        console.log('hangUp - closing', c);
         c.close();
       });
       this.connections.forEach(c => {
+        console.log('hangUp - closing', c);
         c.close();
       });
     },
+    sendMessage: function(text = this.chatInput) {
+      this.connections.forEach(c => {
+        c.send(text);
+      });
+    },
     listenForPeerEvents: function () {
       this.peer.on('open', (id) => {
         localStorage.setItem('yaswvc-peerId', id);