title: MathJax in JQuery
body: <p>I have many different MathJax formulas that are going to be dynamically moved around different lists on the webpage. I am trying to control this with JQuery and the append attribute. </p>
  
  <p>In my script file I have various arrays of formulas and then a function that lists the formulas in the array inside of a specified div using .append. Here's the code:</p>
  
  <pre><code>function listArray(array,div){
    for(var i=0; i&lt;array.length; i++){
      $('#'+div).append('&lt;li&gt;'+array[i]); 
    }
  };
  </code></pre>
  
  <p>I am having the problem that MathJax typesets the math before this script runs and so the appended formulas don't display in TeX. Here is an example Fiddle:</p>
  
  <p><a href="http://jsfiddle.net/T8m64/92/" rel="nofollow">http://jsfiddle.net/T8m64/92/</a></p>
  
  <p>Does anyone know of a good fix for this? I have tried reading some of the documentation on re-typesetting MathJax, but I don't really follow it. </p>