title: javascript variable with true AND false value?
body: <p>I have a global dictionary that stores variables in my web app and noticed something very peculiar.  When I attempt to change a boolean (true / false) variable, it <em>appears</em> to do it, but doesn't actually do it.</p>
  
  <p>I re-created the issue with this simple <a href="https://jsfiddle.net/atp2uokc/2/" rel="nofollow noreferrer">jsfiddle</a>.  Using Chrome, launch the DevTools and then click on the "Push Me" button.  In the console, you'll see that <code>app['active']</code> shows <code>{active:true}</code>, but if you expand the dictionary by clicking the triangle to the left, it shows <code>active:false</code>.  Huh?</p>
  
  <p><a href="https://i.stack.imgur.com/dRpdR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dRpdR.png" alt="enter image description here"></a></p>
  
  <p>I have a feeling this is some core javascript (jQuery?) concept I'm missing, but any help on:</p>
  
  <ol>
  <li>How to make sure the variable is fully updated, and </li>
  <li>Why this is happening</li>
  </ol>
  
  <p>...would be appreciated.</p>