title: jquery hide text content in a tag, not the tag itself
body: <p>I have a slider using this html syntax:</p>
  
  <pre><code>&lt;div id="theatre"&gt;
      &lt;a class="sliderImg" href="01.jpg" /&gt;some-text&lt;/a&gt;
      &lt;a class="sliderImg" href="02.jpg" /&gt;another-description&lt;/a&gt;
      &lt;a class="sliderImg" href="03.jpg" /&gt;whatever&lt;/a&gt;
      &lt;a class="sliderImg" href="04.jpg" /&gt;whatever&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I need to do is to hide the text of the a tags not the a tags themselves.</p>
  
  <p>I got this but doesn't work.</p>
  
  <pre><code>var imgCaptions = $("#theatre a.sliderImg").html();
  $(imgCaptions).hide();
  </code></pre>
  
  <p>I can't add a span because I use the content for some AJAX. The structure has to remain.</p>
  
  <p>Many thanks for your help. Merry Xmas!</p>