Как я могу вернуть клонированный элемент из этой функции JQuery

Question

Вот что у меня есть:

jQuery.fn.convertInputType = function(t){ 
    var e = this; 
    e.each(function(i){ 
    var o = jQuery(this) 
    , c = o.clone(); 
    c.attr('type',t); 
    o.replaceWith(c); 
    }); 
    return e; 
} 

Я не могу понять, что вернуться обратно, чтобы сделать его цепи, как:

$('.example').convertInputType('password').css('background','blue'); 

Я думал, что смогу построить массив вроде newReturnObj[i] = o.replaceWith(c) или newReturnObj[i] = c или newReturnObj[i] = jQuery(c), но никто не работает.

Answer 1

Здесь это работает:

$.fn.convertInputType = function (type) { 

    // we use .map() because we're replacing the set of elements 
    return this.map(function (i, elem) { 
     var clone = $(this).clone().attr('type', type);   
     $(this).replaceWith(clone);   
     return clone[0]; 
    }); 

}; 

Живая демонстрация:http://jsfiddle.net/qTqQr/1/