Not showing translated words in text using javascript

This is an on-going website.
I have translated the words in javascript.
I have added following items of troubleshooting in my website:
1). Fix missing dynamic content
2). Disable dynamic translation

The translated page shows words after I added above 2 items.
However, instead of the translated words, it shows the original words.

Could anyone help to solve this problem?

The javascript codes are as follows:

<script>
(function ($) {
    $(document).ready(function () {
        $(document).bind('ready ajaxComplete', function () {
            //Replace the controller numbers with text
            $(".ds-tools-slider .et-pb-controllers a").html(function () {
                return $(this).html().replace('1', <code>華語/中文 <mark class=&quot;ds-tools-slider-heading&quot;>Subtitle<mark></code>).replace('2', <code>英文Episodes <mark class=&quot;ds-tools-slider-heading&quot;>Subtitle<mark></code>);
            });
        });
    });
})(jQuery);
</script>

Best regards,
James

The page I need help with: [log in to see the link]