title: ActionCable not updating page
body: <p>I'm creating a ruby app, and I'm trying to implement action cable, when a user makes a post, I want the post index to update for all users. In my channels/posts.js i have:</p>
  
  <pre><code>App.posts = App.cable.subscriptions.create("PostsChannel", {
    connected: function() {
      // Called when the subscription is ready for use on the server
    },
  
    disconnected: function() {
      // Called when the subscription has been terminated by the server
    },
  
    received: function(data) {
      // Called when there's incoming data on the websocket for this channel
      console.log(data)
      $('#list').html("&lt;%= escape_javascript render('list') %&gt;")
    }
  });
  </code></pre>
  
  <p>in PostRelayJob.rb I have:</p>
  
  <pre><code>class PostRelayJob &lt; ApplicationJob
    queue_as :default
  
    def perform(post)
      ActionCable.server.broadcast "posts",
      post: PostsController.render(list)
      # Do something later
    end
  end
  </code></pre>
  
  <p>and in models/post.rb:</p>
  
  <pre><code>after_commit { PostRelayJob.perform_later(self) }
  </code></pre>
  
  <p>When I add a post in the server console I get:</p>
  
  <pre><code>[ActiveJob] [PostRelayJob] [57126ec7-b091-48fc-91aa-2f940caa9421] Performing PostRelayJob from Async(default) with arguments: #&lt;GlobalID:0x00000003aa10d8 @uri=#&lt;URI::GID gid://today-i-have2/Post/15&gt;&gt;
  [ActiveJob] Enqueued PostRelayJob (Job ID: 57126ec7-b091-48fc-91aa-2f940caa9421) to Async(default) with arguments: #&lt;GlobalID:0x000000037af000 @uri=#&lt;URI::GID gid://today-i-have2/Post/15&gt;&gt;
  [ActiveJob] [PostRelayJob] [57126ec7-b091-48fc-91aa-2f940caa9421] Performed PostRelayJob from Async(default) in 3.66ms
  
  Rendering posts/create.js.erb
  Rendered posts/_list.html.erb (7.5ms)
  Rendered posts/create.js.erb (9.0ms)
  </code></pre>
  
  <p>However the post in the other browser doesn't update, I'm pretty new to rails so any help would be greatly appreciated.</p>