title: How to hide the parent div if the inner div is empty?
body: <p>I want to hide the philosophy-bubble div which is styled to look like a speech bubble but if the inner div is empty the bubble is going to be an empty speech bubble which needs to be hidden. How do I do that using jQuery?   </p>
  
  <pre><code>&lt;div class="philosophy-bubble"&gt;
     &lt;div id="ctl00_PlaceHolderMain_ctl00_ctl15__ControlWrapper_RichHtmlField" class="ms-rtestate-field" style="display:inline" aria-labelledby="ctl00_PlaceHolderMain_ctl00_ctl15_label"&gt;
       &lt;DIV id="ctl00_PlaceHolderMain_ctl00_ctl15_RichHtmlField_displayContent" class="ms-rtestate-write" EmptyPanelId="ctl00_PlaceHolderMain_ctl00_ctl15_RichHtmlField_EmptyHtmlPanel" style="display:;"&gt;
       PROVIDING CARING AND KNOWLEDGABLE MEDICAL CARE TO PATIENTS
       &lt;/DIV&gt;
    &lt;/div&gt;
  &lt;/div&gt; 
  </code></pre>