title: Script that replaces certain words with corresponding unicode characters not working
body: <p>I'm trying to replace certain words in the anchors of my <code>&lt;nav&gt;</code>, one word per anchor, with a Unicode character.</p>
  
  <p>But, this script doesn't seem to be working as the text in the view-source is the words and not the Unicode characters...</p>
  
  <p>What am I doing wrong?</p>
  
  <p>And is there a better way to do what I am trying to do that this script:</p>
  
  <pre><code>$("nav li a").text(function(i,currentText) {
      switch($(this).innerHTML()){
          case "CV":
              return currentText.replace(/CV/g, "&amp;#xe00c;");
              break;
          case "down":
              return currentText.replace(/down/g, "&amp;#xe00d;");
              break;
          case "Work":
              return currentText.replace(/Work/g, "&amp;#xe010;");
              break;
          case "About":
              return currentText.replace(/About/g, "&amp;#xe00f;");
              break;
          case "Resume":
              return currentText.replace(/Resume/g, "&amp;#xe00e;");
              break;
          case "Mail":
              return currentText.replace(/Mail/g, "&amp;#xe011;");
              break;
          case "Facebook":
              return currentText.replace(/Facebook/g, "&amp;#xe013;");
              break;
          case "Twitter":
              return currentText.replace(/Twitter/g, "&amp;#xe014;");
              break;
          case "Dribbble":
              return currentText.replace(/Dribbble/g, "&amp;#xe015;");
              break;
          default:
              break;      
      }
   });
  </code></pre>