같은 페이지에서 똑같이 .append를 사용하는데 하나는 태그가 제대로 삽입되는 반면에 다른 하나는 <와 >가 이스케이프되더군요 아무리 봐도 뭐가 문젠지 모르겠습니다

그냥 querySelector로 해결이 되기는 하지만 왜 그러는지는 궁금해서 넘어갈 수가 없네요..

var html = '<div class="tile tile-manufacture new-append col-md-12 animated fadeInUp">' + category.name + '</div>';

$('#HeadphoneFilterModal .modal-body .modal-body-results .row').append(html);

정상작동하는 소스입니다.

var html = '<img class="tile new-append center-block" src="' + img_src + '">';

$('.sgg')[category.order].append(html);

이스케이프 문제를 일으키는 소스입니다.