Помощь с Semantic UI

Доброго времени суток, подскажите пожалуйста почему может не работать выпадающий список Compact Dropdown если сделать append всего блока.

То есть у меня есть блок в коде html:

<div class="ui compact selection dropdown">
  <i class="dropdown icon"></i>
  <div class="text">Compact</div>
  <div class="menu">
    <div class="item">A</div>
    <div class="item">B</div>
    <div class="item">C</div>
  </div>
</div>

который я добавил, есть кнопка "Add more" при нажатии на которую я с помощью append(); добавляю блок html

$(document).ready(function() {  
    $("#add-more").click(function () {
        $(".choose-category-block").append('<div class="ui compact selection dropdown" tabindex="0"><i class="dropdown icon"></i><div class="text">Choose Category</div><div class="menu"><div class="item">Dresses</div><div class="item">Jackets</div><div class="item">Jeans</div><div class="item">Shirts</div></div></div>');
    });
}); 

но первый выпадающий список, который добавлен в html откривается, а тот, который добавил с помощью append() не работает. В чём может быть проблема и какое возможное решение данного вопроса?