title: Typeset/render dynamic content with MathJax
body: <p>I used MathJax for displaying mathematics equations.It is working fine in statically written mathematics. But not working for dynamically added mathematics.</p>
  
  <p>Here is my code    </p>
  
  <pre><code>&lt;body&gt;
      //Static  
          &lt;div&gt;
              &lt;span&gt;\(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)&lt;/span&gt;                 
          &lt;/div&gt; 
         //Dynamic 
          &lt;div id="dynamic-pan"&gt;
  
          &lt;/div&gt; 
          &lt;script type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_CHTML"&gt;&lt;/script&gt;
  
          &lt;script type="text/javascript"&gt;
              $(document).ready(function(){
                  $('#dynamic-pan').empty();
                  $('#dynamic-pan').append('&lt;span&gt;\(x = {-b \pm \sqrt{b^2-4ac} \over 2a}\)&lt;/span&gt;');
              });
          &lt;/script&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I have written mathematics in two span element. First one is statically declared and second one is dynamically added in document ready function</p>
  
  <p>Please help me to resolve the issue.    </p>