title: Make a container display:none when the content of <a> is empty
body: <p>Im trying to make the following with jQuery.</p>
  
  <pre><code>&lt;ul&gt;&lt;br /&gt;
  &lt;li&gt;div&gt;a&gt;menu item&lt;br /&gt;
  &lt;li&gt;div&gt;a&gt;menu item&lt;br /&gt;
  &lt;li&gt;div&gt;a&gt;&lt;br /&gt;
  &lt;li&gt;div&gt;a&gt;menu item&lt;br /&gt;
  &lt;/ul&gt;&lt;br /&gt;
  &lt;br /&gt;
  </code></pre>
  
  <p>When the content of a> is empty the container li> needs to been on display none.<br /></p>
  
  <pre><code>&lt;br /&gt;
  &lt;ul&gt;&lt;br /&gt;
  &lt;li&gt;div&gt;a&gt;menu item&lt;br /&gt;
  &lt;li&gt;div&gt;a&gt;menu item&lt;br /&gt;
  &lt;li class="hidden"&gt;div&gt;a&gt;&lt;br /&gt;
  &lt;li&gt;div&gt;a&gt;menu item&lt;br /&gt;
  &lt;/ul&gt;&lt;br /&gt;
  </code></pre>
  
  <p>can anybody help me out?</p>