Как использовать значение переменной JavaScript в innerHTML элемента в Thymeleaf

Question

Я использую тимелистЯ хочу использовать переменную JavaScript во innerHTML элемента в тимелеф.

<script th:inline="javascript">
    /*<![CDATA[*/

    var username = /*[[${userName}]]*/'test';

    /*]]>*/
</script> 

<div id="uname" th:text=""></div>

Я хочу поместить значение переменной JavaScript username в <div> с идентификатором uname.