title: how to render Thymeleaf data inside dynamically calling JQuery function?
body: <pre><code>$("#addPreparationProcessList").on("click", function () {
  
      var index = $("#preparationProcessList").find("textarea").length;
  
      var elementToAdd = '&lt;div class="row"&gt;&lt;div class="col-lg-8"&gt;&lt;div class="input-group input-group-lg"&gt;&lt;span class="input-group-addon"  th:placeholder="#{placeholder.whatiscooking_placeholder}"&gt;&lt;/span&gt;' +
          '&lt;textarea type="text" style="height:80px;" id="preparationProcessList' + index + '.preparationProcess" class="form-control top_margin_small"  
  th:placeholder="#{placeholder.whatiscooking_placeholder}" 
  placeholder="What is Cooking"&gt;&lt;/textarea&gt; &lt;/div&gt; &lt;/div&gt;';
  
      $("#preparationProcessList").append(elementToAdd);
  });
  </code></pre>
  
  <p>This is the example code we are calling this JQuery function in ui page so text area will be added to html page.</p>
  
  <p>Here th:attributes are not resolving to labels or placeholders.</p>