Обертываем текст тегами
 

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

(function($) {
   $.fn.wrapSelected = function(open, close) {
     return this.each(function() {
       var textarea = $(this);
       var value = textarea.val();
       var start = textarea[0].selectionStart;
       var end = textarea[0].selectionEnd;
       textarea.val(
         value.substr(0, start) + 
         open + value.substring(start, end) + close + 
         value.substring(end, value.length)
       );
     });
   };
})(jQuery);

Реализован на JQuery, прямо как надо, НО он не корректно работает с IE, а это обязятельно!
В IE теги появляются позади выделенного текста.
Как сделать все это кроссбраузерно?
Чьи то плагины использовать не желательно, необходимо написать собственноручно...
Заранее благодарен.