title: How to clear text from AngularUI typeahead input
body: <p>I have a typeahead input. The input text is set to the option selected on the typeahead. However, I want to clear this text and display the "placeholder" value again on the text box after I select one of the options from typeahead (because I add the selected value to another div in the <code>selectMatch()</code> method.</p>
  
  <pre><code>&lt;input id="searchTextBoxId" type="text" 
      ng-model="asyncSelected" placeholder="Search  addresses..."
      typeahead="address for address in getLocation($viewValue) | filter:$viewValue"
      typeahead-loading="loadingLocations" class="form-control"
      typeahead-on-select="selectMatch(asyncSelected)" typeahead-min-length="3"
      typeahead-wait-ms="500"&gt;
  </code></pre>
  
  <p>I tried to set the text value and the placeholder value of the Input element using its Id but that did not work, such as these: </p>
  
  <pre><code>// the input text was still the 
  $('#searchTextBoxId').attr('placeholder', 'HELLO');
  </code></pre>
  
  <p>selected result</p>
  
  <pre><code>// the input text was still the selected result
  $('#searchTextBoxId').val('');
  </code></pre>
  
  <p>How can I set or reset the text value ?</p>