title: Hide only those spans which are empty or have no text in them
body: <p>I need to hide only those spans which don't have any text.</p>
  
  <pre><code>&lt;div class="img-wrapper"&gt;
      &lt;div class="showcase-caption" style="display: block; "&gt; &lt;span id="MainContent_ImageCaption_0"&gt;This has caption&lt;/span&gt;
  
      &lt;/div&gt;
      &lt;div class="showcase-caption" style="display: block;"&gt;  &lt;span id="MainContent_ImageCaption_1"&gt;&lt;/span&gt;
  
      &lt;/div&gt;
      &lt;div class="showcase-caption" style="display: block;"&gt;  &lt;span id="MainContent_ImageCaption_2"&gt;This has caption and show show&lt;/span&gt;
  
      &lt;/div&gt;
      &lt;div class="showcase-caption" style="display: block;"&gt;  &lt;span id="MainContent_ImageCaption_3"&gt;&lt;/span&gt;
  
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://fiddle.jshell.net/0mzpLrt3/" rel="nofollow">http://fiddle.jshell.net/0mzpLrt3/</a></p>