将jquery字典编码为html

Question

我有一个字典翻译器的jQuery代码，它包含特殊字符，并希望在页面上输出翻译后的文本。

    var jovDict = {..., Him: 'Žëb', Me: 'Dož', 
        And: 'Šefu', ...}
    var user_text = $.trim($('#eng_text').val().toUpperCase());
    var split_text = user_text.split(' ');
    var solutionVar = '';

    $.each(split_text, function (i, split_val) {
        $.each(dict, function (dict_key, dict_val) {
             if (split_val == dict_key)
                 solutionVar += dict_val + ' ';
        }
    }
    var solution = $.trim(solutionVar);

    $('#div').children('p').html(solution);
    $('#div').children('p').text(function(_, txt) {
        return txt.charAt(0).toUpperCase() + txt.slice(1).toLowerCase();
    });

每当我尝试进入'我和他'时，它就会打印出来

'Dož Šefu Žëb'

而不是'DožŠefuŽëb'。

有没有办法可以让HTML编码字符而不是字面打印？