refresh user shows prompt on refresh

public/index.html

@@ -11,7 +11,7 @@
         <hr />
         <dl class="list-group">
             <dt class="list-group-item">Current Prompt</dt>
-            <dd class="list-group-item">Nothing Yet</dd>
+            <dd class="list-group-item"></dd>
         </dl>
         <button class="btn btn-lg btn-block btn-primary mt-5">I'm Done</button>
         <script src="/socket.io/socket.io.js"></script>

public/js/index.js

@@ -1,8 +1,10 @@
 const socket = io.connect('/');
-const button = document.querySelector('button')
+const button = document.querySelector('button');
-socket.on('prompt sent', function (data) {
+socket.on('prompt sent', function (prompt) {
+    if(prompt !== document.querySelector('dd').innerHTML){
         button.removeAttribute("disabled");
-    document.querySelector('dd').innerHTML = data;
+        document.querySelector('dd').innerHTML = prompt;
+    }
 });
 button.addEventListener('click', (event)=>{
     button.setAttribute("disabled",true);

server.js

@@ -8,16 +8,19 @@ app.use(express.static('public'));
 
 let connectedUsers = 0;
 let currentComplete = 0;
+let currentPrompt = "Nothing Yet";
 socketserver.on('connection', (socket)=>{
     connectedUsers++;
     socketserver.emit('users connected', connectedUsers);
+    socketserver.emit('prompt sent', currentPrompt);
     socket.on('disconnect', ()=>{
         connectedUsers--;
         socketserver.emit('users connected', connectedUsers);
     });
     socket.on('prompt sent', (prompt)=>{
         currentComplete = 0;
-        socketserver.emit('prompt sent', prompt);
+        currentPrompt = prompt;
+        socketserver.emit('prompt sent', currentPrompt);
     });
     socket.on('prompt completed', ()=>{
         currentComplete++;