title: Changing CSS of elements generated from server-sent events
body: <p>I have a list of items - with different classes - generated from a server-sent event that continuously updates.</p>
  
  <p>Where I have:</p>
  
  <pre><code> &lt;div class="not-server-sent"&gt;&lt;/div&gt;
   &lt;div id="server-sent"&gt;
      &lt;ul&gt;
          &lt;li class="black"&gt;Foo&lt;/li&gt;
          &lt;li class="white"&gt;Bar&lt;/li&gt;
      &lt;/ul&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>This jQuery works:</p>
  
  <pre><code> $(".not-server-sent").hide();
  </code></pre>
  
  <p>but these do not:</p>
  
  <pre><code>  $(".white").hide();
    $("li.white").hide();   
  </code></pre>
  
  <p>How can I dynamically hide server-sent data with Javascript? Thanks!</p>