jQuery load + Thymeleaf
<p>I have a problem with jQuery load function.
I checked also this article, but it didn't help me:
<a href="https://stackoverflow.com/questions/9235945/jquery-load-doesnt-work">Jquery load doesn&#39;t work</a></p>

<p>This is the load function:</p>

<pre><code>function loadMore(eventId) {
    swal("Loading More");
    $.ajax({
        type: "GET",
        url: "/event/detail/"+eventId+"/more",
        datatype : "html",
        success: function(html) {
            console.log(html);
            swal("Check console log");
             $("#detail-item.comments-bar.tag-fixed").load(html);
            }
    });
}
</code></pre>

<p>and this is HTML:</p>

<pre><code>&lt;div class="detail-item comments-bar tag-fixed" th:fragment="commentsMore"&gt;
   &lt;ul class="comments-list" &gt;
      &lt;li&gt;
         &lt;div class="content"&gt;
            &lt;p th:unless="${!comments.content.isEmpty()}" &gt;No comments. You can be the first one!&lt;/p&gt;
            &lt;p sec:authorize="isAnonymous()"&gt;You are not logged in! Please log in to start commenting :)&lt;/p&gt;
         &lt;/div&gt;
     &lt;/li&gt;
   &lt;/ul&gt;
&lt;a class="border-btn btn more" th:if="${!comments.content.isEmpty()}" th:onclick="'loadMore(\'' + ${event.eventId} +'\')'"&gt;Load previous comments&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>The controller function returns HTML correctly, as I am logging this to the console. But nothing really happens in the view, it does not refresh, it does not change.</p>

<p>Any suggestions?</p>