title: Clear text but keep image inside <a> hyperlinks using jQuery
body: <p>How i can remove "Product X" and only keep the images using jquery?</p>
  
  <pre><code>&lt;span class="product-field-display"&gt;
    &lt;a href="/products/product-a-detail" original-title="Product A"&gt;
      &lt;img alt="product-a" src="/images/resized/product_a_180x180.png"&gt;Product A&lt;/a&gt;
  &lt;/span&gt;
  &lt;span class="product-field-display"&gt;
    &lt;a href="/products/product-b-detail" original-title="Product B"&gt;
      &lt;img alt="product-b" src="/images/resized/product_b_180x180.png"&gt;Product B&lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>I tried with:</p>
  
  <pre><code>$j('span.product-field-display a').html('');
  </code></pre>
  
  <p>and with: </p>
  
  <pre><code>$j('span.product-field-display a').text('');
  </code></pre>
  
  <p>but it gets all cleared and not only the text</p>