Display MQTT data on web application using Socket.io

 var socket = io.coect();
         socket.on('coect', function () {
             socket.on('mqtt', function (msg) {
                 var message = msg.topic.split('/');
                 var area = message[1];
                 var state = message[2];
                 console.log(msg.topic, msg.payload);
                 var timestamp = Math.round((new Date()).getTime() / 1000);
                 $('#topic').html(msg.topic);
                 $('#message').html(msg.topic + ', ' + msg.payload);
                 switch (area) {
                     case 'living':
                         $('#value1').html('(Sensor value: ' + msg.payload + ')');
                         $('#label1').text(msg.payload + '°C');
                         $('#label1').removeClass('').addClass('label-default');
                         var entry = new Array();
                         entry.push(timestamp);
                         entry.push(parseInt(msg.payload));
                         Temperature.push(entry);
                         // Show only 20 values
                         if (Temperature.length >= 20) {
                             Temperature.shift()
                         }

Please I am trying to display my MQTT data on my web app and it seems not to update anytime i receive a message