jQueryでselectboxの選択内容を引き継いでcloneする

jQueryでselectboxをcloneすると、optionのselectedが引き継がれないバグ（？）があります。
これをなんとかしてみました。

■修正前のもの

選択肢を「みかん」から「りんご」に変更してcloneボタンを押しても、cloneしたものは「みかん」のままです。

See the Pen
selectboxの選択内容を保持したままcloneする（できないver.） by matsu (@pochi__2828)
on CodePen.

■修正したもの

選択肢を「みかん」から「りんご」に変更してcloneボタンを押すと、cloneしたものも「りんご」になっています。

See the Pen
selectboxの選択内容を保持したままcloneする by matsu (@pochi__2828)
on CodePen.

■解説

クローン元のoption内のselectedの位置を記憶して、クローン先のoption内の同じ位置にselectedを追加することでselectedが引き継ぎできます。
クローンするときはclone(true)にすることで、クローン先のボタンも動作するようにします。