title: Hide parent DIV if <li> is Empty
body: <p>I know this has got to be incredibly simple but I've been banging my head against the wall on this one. My HTML is:</p>
  
  <pre><code>&lt;div class="awardsparent"&gt;
  &lt;h4&gt;AWARDS&lt;/h4&gt;
  &lt;ul class="awards"&gt;&lt;li&gt;&lt;/li&gt;&lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I'm trying to hide the container div.awardsparent if the ul.awards li is empty. Here is my jQuery code:</p>
  
  <pre><code>$(function() {          
    if($('ul.awards li:empty')) {
    $('div.awardsparent').hide();
      }
  });
  </code></pre>
  
  <p>Thank you! Let me know if you need any more info.</p>