title: How to remove the values with jquery on deleting characters in textbox
body: <p>I have this code</p>
  
  <pre><code>&lt;input type="hidden" value="[{"value":1,"label":"Emmoia Boently"},{"value":6,"label":"John Smith"}]" name="group[users][]" id="users"&gt;
  
  &lt;input type="text" value="Emmoia--Boently, John--Smith, " name="autocompleter_group[users][]" id="autocompleter_userss" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"&gt;
  </code></pre>
  
  <p>Now my problem is the current javascript is adding the values from textbox to the hidden feilds.</p>
  
  <p>But when i delete the text then it don't deletes from the hidden input fields.</p>
  
  <p>So i want to do in jquery that when i start deleting the text in main textbox then the value gets deleted in the hidden input field as well.</p>
  
  <p>just like we do in SO when we delete the tag characters in ask question page</p>