title: Variable not changing in IF statement
body: <p>I am a JS beginner, so I am having some trouble with this one. </p>
  
  <p>I have a variable called morale, and it updates based on some math. This is working just fine. What I am now trying to do is basically log the highest number morale has ever been, that way I can do some maths based off max morale. The max_morale is not changing at all, even though the morale is. I figured this code should work fine, but it is not. I do have <code>&lt;span id="max_morale"&gt;0&lt;/span&gt;</code> in my HTML. Please help!</p>
  
  <pre><code>var morale = 0;
  var max_morale = 0;
  var money = 0;
  
  function increment(number){
      money = money + number;
      document.getElementById("money").innerHTML = addCommas(money);
  };
  
  
  function moraleCalc(){
      morale = Math.floor(money * 0.0009)+"%";
      document.getElementById('morale').innerHTML = morale;
          if(morale &gt; max_morale){
          max_morale = morale;
          document.getElementById('max_morale').innerHTML = max_morale;
      };    
  };
  
  window.setInterval(function(){
      moraleCalc();
  }, 1000);
  </code></pre>