title: how to check if all items in list are empty
body: <p>Say I have a list as follows, content within the <code>&lt;li&gt;</code>s is loaded in dynamically. Is there a way to check if all items in the list are empty with JQuery?</p>
  
  <pre><code>&lt;ul class="clearfix"&gt;
     &lt;li data-product-pid="50267857_420" class="productTile"&gt;
     &lt;/li&gt;
     &lt;li data-product-pid="50265598_100" class="productTile"&gt;
     &lt;/li&gt;
     &lt;li data-product-pid="50267794_821" class="productTile"&gt;
     &lt;/li&gt;
     &lt;li data-product-pid="50268227_821" class="productTile"&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>