Latex text is not visible ( rendering correctly ) in browser

[kkruups]

Problem: Latex text does not appear visible in browser, although a Latex element is created (verified via chrome dev tools)

Expected: Latex to be visible in browser

Additional Info:
This issues appears to be related to error parsing the latex text passed to method in Katex.js

Chrome Dev Tools Console reports the following error:

line58 of polymer-micro.html:       document.registerElement(prototype.is, options);

katex.js:165Uncaught ParseError: KaTeX parse error: Unexpected character: '$' at position 0: ̲$f(x) = \int_{

  location:    window.Polymer @ polymer-micro.html:58

(view screen shot of Chrome Dev Tools error here

How to reproduce (Code Snippet )

function main(window)
    push!(window.assets, "tex")
    tex(L"f(x) = \int_{-\infty}^\infty \hat f(\xi)\,e^{2 \pi i \xi x} \,d\xi")
end 

Environment
julia v0.4.6 (using repl)
Escher v0.3.2
Win7
Chrome Browser Version 51.0.2704.106 m