javascript - 動的 HTML でのプラグインの読み込みが機能しない

Question

アイテムにカルーセルのサムネイルを使用しようとしていますが、アイテムは別のスクリプトによって生成されています。カルーセルのプラグインをロードしようとしていますが、アイテムを識別できません。

私の本当のHTML：

<div class="prerecord_main">
   <div id="merch">
   </div>
</div>

別のスクリプトを先頭に追加した後:

<div class="prerecord_main">
   <div id="merch">
    <div class="product-container"></div>
    <div class="product-container"></div>
    <div class="product-container"></div>
    <div class="product-container"></div>
    <div class="product-container"></div>
   </div>
</div>

私のjQueryプラグイン

$(document).ready(function(){

  var owl = $(".prerecord_main #merch");
  owl.owlCarousel({
      items : 5
  });

});

アイテム「product-container」を読み取れないため動作しません