Использование JavaScript для автоматического создания ввода-группу из Bootstrap 3

Question

Я пытаюсь использовать JavaScript, чтобы автоматически изменять свои поля ввода в

<div class="input-group"> 
**<input type="text" class="form-control " placeholder="Text input">** 
<span class="input-group-addon">*</span> 
</div> 

jsfiddle: http://jsfiddle.net/BEC7N/

полужирный линия линия что уже существует.

Ниже моя попытка Javascript

$('[data-val-required]').prepend(' <div class="input-group">'); 
$('[data-val-required]').append(' <span class="input-group-addon">*</span></div>'); 

Но это не работает. Есть идеи? Спасибо.

Answer 1

Изменить код для этого:

$('[data-val-required]').wrap(' <div class="input-group"></div>'); 
$('[data-val-required]').after(' <span class="input-group-addon">*</span>'); 
$('[data-val-required]').after(' <span class="required-indicator">*</span>'); 

Working Example

Answer 2

Использование .wrap()

$('[data-val-required]').wrap('<div class="input-group" />'); 
$('[data-val-required]').after(' <span class="input-group-addon required-indicator">*</span>');