Por que não da pra colocar o HTML identado no jQuery? Se eu coloco ele em "linha reta" ele funciona, ja se eu coloco ele identado, pra ficar mais fácil editar depois, ele ja não funciona. Por que?
SEM FORMATAÇÃO, FUNCIONA:
$j('<div class="filters"> <div class="title title--sm lucas"><span>FILTROS</span></div> <div class="filters__list"> <div class="filters__filter cor "> <div class="filters__name">Cor </div> <ul class="ul--0"> <li class="li--0"> <a href="http://roupasatacado.dev.bizcommerce.com.br/roupas-de-academia?cor=73" title="Amarelo" class="a--0"> <span class="label">Amarelo</span> </a> </li> <li class="li--0"> <a href="http://roupasatacado.dev.bizcommerce.com.br/roupas-de-academia?cor=74" title="Azul" class="a--0"> <span class="label">Azul</span> </a> </li> <li class="li--0"> <a href="http://roupasatacado.dev.bizcommerce.com.br/roupas-de-academia?cor=76" title="Branco" class="a--0"> <span class="label">Branco</span> </a> </li> </ul> </div> </div> </div>').insertAfter('main.col-main');
COM FORMATAÇÃO, NÃO FUNCIONA:
$j('<div class="filters">
<div class="title title--sm lucas"><span>FILTROS</span></div>
<div class="filters__list">
<div class="filters__filter cor ">
<div class="filters__name">Cor </div>
<ul class="ul--0">
<li class="li--0">
<a href="http://roupasatacado.dev.bizcommerce.com.br/roupas-de-academia?cor=73" title="Amarelo" class="a--0">
<span class="label">Amarelo</span>
</a>
</li>
<li class="li--0">
<a href="http://roupasatacado.dev.bizcommerce.com.br/roupas-de-academia?cor=74" title="Azul" class="a--0">
<span class="label">Azul</span>
</a>
</li>
<li class="li--0">
<a href="http://roupasatacado.dev.bizcommerce.com.br/roupas-de-academia?cor=76" title="Branco" class="a--0">
<span class="label">Branco</span>
</a>
</li>
</ul>
</div>
</div>
</div>').insertAfter('main.col-main');