title: Replacing span text within href tag
body: <p>can anyone help me i'm trying to change the text of a span tag, within a href tag.  The following code seems to work in Jsfiddle but not on my site?</p>
  
  <p><a href="http://jsfiddle.net/cqQt4/" rel="nofollow">http://jsfiddle.net/cqQt4/</a> </p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;a href="#pdpTab1"&gt;&lt;span&gt;Product Description&lt;/span&gt;&lt;/a&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$('a[href^="#pdpTab1"]').addClass('productdesc');
  $(function() {
      $("a.productdesc").each(function(index,el){
          $(el).text('Descripción del producto');
      }); 
  });
  </code></pre>
  
  <p>I have used similar method for div and a class an they work perfectly both in Jsfiddle and my site! Any suggestions on other ways i can achieve this?</p>