title: Replacing HTML symbols or entities using jQuery
body: <p>I want to change the Down Arrow with an Upper Arrow from a text whenever the mouse is over so i have this code</p>
  
  <pre><code>$(document).ready(function() {
      $("ul.meniu .nav").hover(function() {
          $("ul.meniu .nav:hover li").show(1000);
          $("ul.meniu .nav a:link").text(function() {
              return $(this).html().replace('&amp;darr','&amp;uarr');
          });
      }, function() {
          $("ul.meniu .nav li").hide(1000);
      });
  });
  </code></pre>
  
  <p>It does not change the down arrow with the upper arrow it's just stands the same</p>
  
  <p>HTML on Start:</p>
  
  <pre><code>&lt;ul class="meniu"&gt;
      &lt;div class="nav"&gt;&lt;br&gt;
          &lt;a href="index.php"&gt;Articole &amp;darr;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>After hover:</p>
  
  <pre><code>&lt;ul class="meniu"&gt;
      &lt;div class="nav"&gt;&lt;br&gt;
          &lt;a href="index.php"&gt;Articole &amp;uarr;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>