title: How to trigger onclick function when user inputs keywords? Jquery
body: <p>I have an input box</p>
  
  <pre><code>&lt;input type="text" name="search" id="search" /&gt;
  &lt;img src="icon.png" alt="" id="doSearch" /&gt;
  </code></pre>
  
  <p>I use Jquery and I have onclick event for "doSearch". So when I enter some words like "ab" .. and click on "icon" It sends an ajax request to php file and gets results back appended to dom.</p>
  
  <pre><code>  $('#doSearch').click(function() {
      $(".showResults").show("fast");
      var input_text = $('input[name="search"]').val(); //retrieve text
      $.ajax({
          method: "get" ...
          ... some more lines 
      }) etc etc
  </code></pre>
  
  <p>I am wondering how can I trigger onclick function automatically, when some characters are entered in the input box so that users dont have to click on image icon to get the results. Also, how I can set focus on the image icon when I press tab key while in the input box.</p>
  
  <p>Thanks a lot for your help.</p>
  
  <p>EDIT:</p>
  
  <p>I have some other input boxes in the same form as well. So this input acts as somewhat similar to stack overflow tags input.</p>