вообщем, сокращу код, чтобы вас не отвлекать и не путать от сути вопроса:
$(html).insertAfter("#"+id);
Вот это вот не вставляет ПОЛНЫЙ HTML
Почему?
в тоже время алертом (alert(html)
видим, что переменная html содержит:
<div class="bc-menu list-group" style="display: none;">
<a href="#" class="list-group-item" data-id="IN" data-label="India">India</a>
<a href="#" class="list-group-item" data-id="ID" data-label="Indonesia">Indonesia</a>
</div>
НО когда использую
$(html).insertAfter("#"+id);
то вставляется лишь:
<div class="bc-menu list-group" style="display: none;"></div>