Добавление значка закрытия внутри ввода с действием закрытия

у меня возникли проблемы, пытаясь что-то сделать, и было бы здорово, если бы кто-то мог одолжить мне руку в следующем:

demo: http://jsfiddle.net/44zAy/3/ (ОБНОВЛЕНО: добавлено несколько из них, которые затем запутались, любая помощь по этому поводу была бы замечательной, а также добавила функцию щелчка, закрывающуюся при нажатии на значок)

когда вы нажимаете внутри ввода, он расширяется, и когда клик возвращается в нормальное состояние, что я хочу, тем не менее, что я пытаюсь добавить:

a) добавить шрифт awesome icon внутри входа после его расширенного b) умения щелкнуть по значку x, чтобы закрыть вход обратно к нормальному размеру, то же самое в том, как это происходит, когда вы щелкаете из ввода в настоящее время

код до сих пор (базовый пример) выглядит следующим образом:

JS

var inputWdith = '200px';
var inputWdithReturn = '68px';     
jQuery('.resize-close').hide();

jQuery('.resize-input').focus(function(){
 jQuery(this).animate({
  width: inputWdith
 },400);
 jQuery('.resize-close').show();
}); 
jQuery('.resize-input').blur(function(){  
 jQuery(this).animate({
  width: inputWdithReturn
 },500);
 jQuery('.resize-close').hide();    
});

HTML

<input type="text" class="resize-input">
<a class="resize-close"><i class="icon-remove"></i></a>

Как ввод в настоящее время использует абсолютную позицию в моей разработке, поскольку она распространяется на другие входы

Заранее спасибо!