mathjax,codemirrorを使用したリアルタイムプレビューのkeyupイベントの実現

Question

前提・実現したいこと

mathjax,CodeMirrorを使用してリアルタイムプレビューを作成しています。

発生している問題・エラーメッセージ

CodeMirrorで作成したエディタに入力したmathjaxの命令に対してJavaScriptのkeyupイベントがうまく作動してくれません。任意のキーを素早く２回押すことでうまくコンパイルされます。

該当のソースコード

<script>
        var preview = document.getElementById("livepreview");
        var liveeditor = document.getElementById('liveeditor');
        var editor = 
        CodeMirror.fromTextArea(liveeditor, {
            mode: "stex",
            lineNumbers: true
        });

        $(document).ready(function () {
            editor.on('keyup', function () {
            mathval = editor.getValue().replace(/</g, "&lt;").replace(/>/g, "&gt;");
            MathJax.Hub.Queue(["Typeset",MathJax.Hub,preview]);
            $(preview).html(mathval);
                });
            });
</script> 

補足情報（FW/ツールのバージョンなど）

mathjax:2.7.7
jquery:3.0.0
codemirror

Answer 1

MathJax.Hub.Queue(["Typeset",MathJax.Hub,preview]);
$(preview).html(mathval);

の順番を入れ替えることで直りました。お騒がせしてすみません。