title: Toggle heart shaped html code in javascript
body: <p>I want to add a heart shaped icon as a button.
  On a click of it should toggle filled/non-filled.
  I got two - &#9825; and &#10084;
  But when I am comparing it as a text. I cant. Because it appears as an image.
  Here is my try:</p>
  
  <pre><code>function setMyFavorite(){
   alert('SetMyFavorite for '+ $("#heart").html());
   if($("#heart").html()=="&amp;#9825;"){
      $("#heart").html("&amp;#10084;");
   }
  
   if($("#heart").html()=="&amp;#10084;"){
          $("#heart").html("&amp;#9825;");
   }
  }
  </code></pre>
  
  <p>Here is my HTML code</p>
  
  <pre><code>&lt;div id="heart" title="Set as Favorite" onclick="javascript:setMyFavorite();"&gt;&amp;#9825;&lt;/div&gt;
  </code></pre>
  
  <p>How Can I compare it?</p>