title: Django channels websocket not receiving data sent
body: <p>I'm currently learning how to use Django channels for websocket connections and so far I've gotten the websocket to actually connect, but when I send it data it doesn't receive it.</p>
  <p>This is my consumers.py</p>
  <pre><code>class WSConsumer(AsyncConsumer):
      async def websocket_connect(self, event):
          print('connected', event)
          await self.send({
              'type': 'websocket.accept'
          })
          await self.send({
              'type': 'websocket.send',
              'message': 'TEST'
          })
          print('sent')
  
      async def websocket_disconnect(self, event):
          print('disconnected', event)
  
      async def websocket_receive(self, event):
          print('received', event))
  </code></pre>
  <p>This is my javascript on the front end</p>
  <pre><code>    const roomName = JSON.parse(document.getElementById('room-name').textContent);
  
      const WSocket = new WebSocket(
          'ws://'
          + window.location.host
          + '/ws/room/'
          + roomName
          + '/'
      );
  
      WSocket.onopen = function(e) {
          console.log('websocket has connected');
      };
  
      WSocket.onmessage = function(e) {
          console.log(e);
      };
  
  
      WSocket.onclose = function(e) {
          console.error('websocket closed unexpectedly');
      };
  </code></pre>