Визуализация пользовательского ввода из динамически созданного текстового поля с использованием MathJax

Я разрабатываю математическую веб-страницу. Есть текстовые поля, созданные по щелчку, в зависимости от потребностей пользователя, в этом конкретном случае я знаю, что одно текстовое поле является числителем, а другое - знаменателем интеграла. После того, как пользователь введет эту информацию в текстовые поля и щелкнет внизу, я хотел бы отобразить его с помощью MathJax: (\ \int {text1 \over text2} ). Все переменные хороши, но они не отображаются в математическом формате, который предлагает MathJax.

var numerador = $("#numerador_"+i).val();
var denominador = $("#denominador_"+i).val();
var resHeviside = '<div class="row-fluid"><div class="span11">' +
                    '<div class="row-fluid" id="pasoH_'+contador+'">' +
                      '<div class="span2"><p class="porPartes">Integral '+i+':</p></div>' +
                      '<div class="span3"><p class="algo" id="IntHevi_'+i+'">\\( { '+numerador+' \\over '+denominador+' } \\)</p></div>' +
                      '<div class="span1 regla" id="drop_'+contadorDroppables+'"/></div>' +
                    '</div>' +
                    '<div class="span1"><button class="algo" id="addRow_'+contador+'">+</button></div>' +
                '</div>';
$("#Ejer_"+id).append(resHeviside);
MathJax.Hub.Queue(["Typeset",MathJax.Hub,"#IntHevi_"+i]);

Все это генерируется функцией по клику. Результат отображается следующим образом: ( { 4 \over x^2 } ) для числителя 4 и знаменателя x^2. Есть идеи, что мне не хватает?


person Carlos P Ceballos    schedule 17.05.2013    source источник