MathJax - 如何在单击按钮后刷新LaTex格式

Question

我在页面刷新后使用MathJax更新时遇到了一些问题。

特别是，我创建了一个带有LaTex公式“$$ \ int \ sin（x）= $$”的HTML文档和一个按钮。该按钮在页面底部添加一个新的LaTex公式（“$$ \ int \ cos（x）$$”）。 当我运行页面时，第一个公式以LaTex格式正确显示。但是当我单击按钮时，第一个仍然正确显示而新的按钮没有，即使我插入了MathJax.Hub.Queue（[“Typeset”，MathJax.Hub]）方法的调用。

我附加HTML，按钮javascript代码和输出。 HTML：

function btt(){ 
    $("#div2").append("$$\int \cos(x) $$");
        MathJax.Hub.Queue(["Typeset",MathJax.Hub]) 
    };

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript"
    src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>
   

    <div id="div1"> $$ \int \sin (x) = $$
    <button id= "btt" onclick= "btt()" name="a";> click! </button>
    </div>

    <div id="div2" class="container">  </div>

如何使用LaTex格式显示第二个公式？ 非常感谢。