Сортировать элементы, которые были добавлены динамически

Question

Я пытаюсь создать календарь, в который пользователь помещает элемент в поле даты (ul). Как только он появится, я хочу, чтобы они могли сортировать предметы. Это работает, но пункт не ограничен ул. Я могу перетащить их куда угодно, а другие предметы не двигаются. Кстати, перетаскиваемый элемент удаляется и вводится в поле даты с помощью ajax.

jQuery('.schedule-item').draggable();

//schedule item (si) need to be draggable to date cell (dc)
jQuery("ul.box-date").droppable({

  drop: function(event, ui) {

    var dropped = jQuery(this),
      dropped_id = dropped.attr('id'),
      dragged = ui.draggable,
      dragged_id_num = dragged.attr("id").match(/\d+/g);

    jQuery.get('includes/add_to_calendar.php?id=' + dragged_id_num, function(data) {

      jQuery("#" + dropped_id).sortable();
      jQuery("#" + dropped_id).disableSelection()

      dragged.fadeOut(750, function() {
        jQuery(this).remove();
        var new_li = jQuery(data);
        dropped.append(new_li);
      })
    });
  }
});

Перетаскиваемый элемент

<ul>
  <li id="schedule-item=81" class="schedule-item ui-draggable ui-draggable-handle">Info</li>
</ul>

Поле календарной даты это

<div id="li-2020-03-04" class="date-cell">
  <h4>4</h4>
  <ul class="box-date ui-droppable ui-droppable-active" id="db-2020-03-04">
    <li>New Line-938</li>
    <li>New Line-443</li>
    <li>New Line-704</li>
  </ul>
</div>