I have one input tag. If any one start filling data, it will provide suggestion. When user select any of the suggestion, a removable button should appear below input tag. button should have text what the user has given input in input tag. When I tap on cross above the button, the button should be remove.

<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
  });

How would I achieve this?