Inserir elementos com jquery

boa noite gente ... estou com uma duvida quanto a metodologia de inserir componentes com jquery no local determinado ..

tenhu este campo de usuario ... e quando faco uma verificacao no BD, se encontrar um registro com o nome de usuario ele vai mudar sua aparencia para ERRO !

original

<div id="div_usuario" class="form-group">
 <label class="col-sm-3 control-label"> Usuario </label>

 <div class="col-sm-9">
 <input type="text" id="usuario" name="usuario" placeholder="Usuario" class="col-xs-10 col-sm-5" />
 </div>
</div>

alterado devera ter icones e textos em vermelho, porem nao sei adicionar no local correto como quero, veja

<div class="form-group has-success">
 <label class="col-sm-3 control-label"> Usuario </label>

 <div class="col-sm-9">

 // Preciso adicionar este span com esta configuracao englobando o input e inserindo uma imagem logo após
 <span class="block input-icon input-icon-right">
 <input type="text" id="usuario" name="usuario" placeholder="Usuario" class="col-xs-10 col-sm-5" />
 <i class="icon-ok-sign"></i>
 </span>

 </div>

 // adicionar esta div com uma mensagem dentro
 <div id="msg_usuario" class="help-block col-xs-5 col-sm-reset inline">
 Success tip help!
 </div>
</div>

se alguem souber me ajudar ae, fico grata