Tengo una etiqueta de entrada. Si alguien comienza a completar datos, proporcionará sugerencias. Cuando el usuario selecciona cualquiera de las sugerencias, debe aparecer un botón extraíble debajo de la etiqueta de entrada. El botón debe tener el texto que el usuario ha ingresado en la etiqueta de entrada. Cuando toco la cruz sobre el botón, el botón debe eliminarse.

 <div class="col-md-3 col-sm-3 col-xs-12"> <div class="form-group"> <label class="col-md-12 col-sm-12 col-xs-12">mylabel</label> <div class="col-md-12 col-sm-12 col-xs-12"> <input class="form-control" id="ws_users" name="ws_users" value="" /> </div> </div> <div id="some-items"></div> </div>

 $('#ws_users').autocomplete({ source: availableTags });

¿Cómo lograría esto?