Wrap, clone и проблема с клонированием и шириной

Есть вот такая задачка.

А проблема такая: есть у нас <input>, его нужно обернуть в <div>, потом еще раз в <div> и еще раз в <div>. Потом предпоследний <div> клонировать и вставить в последний <div>.

По сути, должно выйти:

<div class='wrapper'>
    <div class='info'>
        <div>
            <input>
        </div>
    </div>
    <div class='info'>
        <div>
            <input>
        </div>
    </div>
</div>

По сути, ничего сложного, но таким образом не работает:

var $wrapper = $("<div>").addClass("wrapper");
var $wrapper_two = $("<div class='info'><div></div></div>").appendTo($wrapper);

$("input").wrap($wrapper);

$wrapper_two.clone().appendTo($wrapper);

И ширину не получается узнать:

console.log($wrapper.width());  // => 0

Потестить: http://jsfiddle.net/1w08fhpv/6/