title: Rendering MathJax updated with .html()
body: <blockquote>
    <p>jsfiddle example: <a href="https://jsfiddle.net/3qu846tu/">https://jsfiddle.net/3qu846tu/</a></p>
  </blockquote>
  
  <p>I'm trying to update MathJax-math by means of .html(), however, it seems my code isn't working. My current code looks somewhat like this, but it outputs "1+2=3" <strong>un</strong>rendered:</p>
  
  <pre><code>$$\class{x}{2}+\class{y}{2}=\class{z}{5}$$
  &lt;script&gt;
  $( '.x' ).html( '1' );
  $( '.y' ).html( '2' );
  $( '.z' ).html( '3' );
  MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
  &lt;/script&gt;
  </code></pre>
  
  <p>I've tried different commands, but none seems to work. ["Rerender", MathJax.Hub] just renders "2+2=5", so it seems like the .html() is reset:</p>
  
  <pre><code>&lt;script&gt;
  MathJax.Hub.Queue(["Rerender",MathJax.Hub]);
  &lt;/script&gt;
  </code></pre>
  
  <p>The wanted result would look somewhat like this (js omitted), where \class{x}{} (and others) may appear more than once in different places:</p>
  
  <pre><code>&lt;span&gt;You have chosen \(\class{x}{}\) and \(\class{y}{}\)&lt;/span&gt;
  $$\class{x}{}+\class{y}{}=\class{z}{}$$
  </code></pre>
  
  <p>Is there any way of rendering "1+2=3" this way? $( '.x' ) may be changed a number of times, not just once.</p>