title: Hide a div if content is empty
body: <p>Philosophy bubble is like a quote/speech bubble div styled which has a sharepoint control inside, the richHtmlField which lets users to type in content while editing page, but if the user chooses to leave it empty, there will be no content in the div so only the bubble will show up in the page which will look funny so i wanna hide the whole div when there is no user entry or basically the div is  empty?? How do you do this in jquery?</p>
  
  <pre><code>&lt;div class="philosophy-bubble"&gt;
  &lt;PublishingWebControls:RichHtmlField FieldName="carephilosophy" runat="server"&gt;&lt;/PublishingWebControls:RichHtmlField&gt;
  &lt;/div&gt;  
  </code></pre>