title: WebRTC channelMessage not recieving first message
body: <p>When sending a message using WebRTC sendDirectlyToAll, the message is never recieved the first time, but every time after that.
  I've stripped the code down to a very simple state now, but it's still the same. Anyone got a clue about why this is happening?</p>
  
  <p>Here is the code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var webrtc = new SimpleWebRTC({
    localVideoEl: 'localVideo',
    remoteVideosEl: 'remoteVideos',
    autoRequestMedia: false,
    media: {
      video: true,
      audio: false
    },
    localVideo: {
      autoplay: true,
      mirror: true,
      muted: true
    }
  });
  
  $("#chat-send-button").on("click", function (e) {
    sendMessage();
  });
  
  function sendMessage() {
    console.log("sendMessage");
    const chatMessage = $("#chat-message-input");
    webrtc.sendDirectlyToAll(
      "chat",
      "info", {
        "chatmessage": chatMessage.val()
      }
    )
    chatMessage.val("");
  }
  
  webrtc.on("channelMessage", function (peer, channel, data) {
    console.log(peer);
    console.log(channel);
    console.log("data", data);
    $("#chat-message-container").text(data.payload.chatmessage);
  });</code></pre>
  </div>
  </div>
  </p>