title: Updating pseudo-element content property when HTMLElement.dataset updates
body: <p>I am using the CSS <code>attr</code> function to dynamically link the value of a <code>data-*</code> attribute to the content of a pseudo element:</p>
  
  <pre><code>body::after { content: attr(data-after) }
  </code></pre>
  
  <p>I am then regularly updating that data attribute via the <code>HTMLElement.dataset</code> property:</p>
  
  <pre><code>setInterval(function () {
      document.body.dataset.after = new Date;
  }, 1000);
  </code></pre>
  
  <p>I'm noticing that in Internet Explorer, though all of these features are supported, the pseudo-element is not having its content property updated to reflect the most recent changes.</p>
  
  <p>I have built a fiddle to demonstrate the problem. You may view it <a href="http://jsfiddle.net/jonathansampson/cw579ukv/">online here</a>.</p>
  
  <p>What can I do to work around this limitation?</p>