я пытаюсь понять, как сделать динамически созданные div-ы перетаскиваемыми, поэтому ямы создалиэто очень простая вещь помочь мне. Я понимаю, что я должен использовать событие on () с нединамическим обработчиком. Имея элемент body для обработки события клонирования в связанном JSfiddle, я 'Нам удалось сделать динамически созданные div-ы клонируемыми, но они не перетаскиваемы. Что я делаю неправильно?

Заранее спасибо за помощь!

$(document).ready(function () {
    $("body").on('click', '.pink', function () {
        $('.container').append($(""))
    });
    $("body").on('click', '.blue', function () {
        $('.container').append($(""))
    });
    $("body").on('click', '.coral', function () {
        $('.container').append($(""))
    });
    $(".draggable").draggable();
});