title: 'checked' state remains static in Chrome
body: <p>I distinctly recall that when clicking a checkbox in Chrome the "checked" status under Developer Tools \ Elements would appear/disappear to match the state of the checkbox, complete with a nice little transition to bring one's attention to the change.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;body&gt;
      &lt;label&gt;
          &lt;input type="checkbox" checked&gt;
      &lt;/label&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/MBVUA.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MBVUA.png" alt="checked status is out-of-sync"></a></p>
  
  <p>Now clicking the checkbox updates its visual representation, but the status remain constant at the initialization value. How can I recover the previous behavior? (I'm right now at Chrome 62.0.)</p>