jquery - 要素を作成すると、イベント ハンドラがドラッグ可能に自動的に登録されます

Question

呼び出されるこのようなコードがあるとします$(document).ready():

$(".banana").draggable();

$("body").on("click", "button", function(e){
    $(".banana:first").clone().text('new text').;
});

と：

<div class="container">
   <button>add</button>
   <div class="banana">banana 1</div>
</div>

したがって、問題は、クリックして div.banana のコピーを作成するときです。ドラッグ可能のイベント ハンドラーを自動的に登録しません。私は何かを試してみましたが、それは良い方法ではないと確信しています: jsfiddle。