display dynamically rackets

public/ClientMain.js

@@ -87,9 +87,7 @@ $(function () {
             if(data.id == 1){
                 user.setIsTurn(true);
             }
-            for (var i=0; i < data.allIds.length; i++){// if we need later to send all players whe can directly from them take ids
-                $rackets.append("<div class='racket racket" + data.allIds[i] + "'></div>")
-            }
+            displayRackets(data);
             racket.setEl($('div.racket' + data.id));
             connected = true;
         }
@@ -120,6 +118,7 @@ $(function () {
         log.add(data.username + ' joined');
         log.add(data.username + ' is team ' + data.team);
         user.setTeam(data.team);
+        displayRackets(data);
         console.log(data);
     });
 
@@ -132,6 +131,12 @@ $(function () {
         $('div.racket' + data.id).css({left: data.x, top: data.y});
     }
 
+    function displayRackets(data){
+        for (var i=0; i < data.allIds.length; i++){// if we need later to send all players whe can directly from them take ids
+            $rackets.append("<div class='racket racket" + data.allIds[i] + "'></div>")
+        }
+    }
+
     $('.logout').click(function () {
         socket.emit('disconnectUser', user);
         $gamePage.fadeOut();

server.js

@@ -76,7 +76,8 @@ io.on('connection', function (socket) {
         socket.broadcast.emit('user joined', {
             username: newPlayer.getName(),
             numUsers: PlayersCollection.getCount(),
-            team: newPlayer.getTeam()
+            team: newPlayer.getTeam(),
+            allIds: PlayersCollection.getIds()
         });
 
         socket.on('move racket', function (data) {