title: How do I call ajax if user enter some text on html Input field with Jquery/Ajax?
body: <p>I've a html user profile form where data is comming from mysql database. I'm currently calling ajax when user hover out the mouse from input field using jquery <code>.blur()</code>. Now I want to know how can I call this ajax when user <strong>actually</strong> type something on input field ?</p>
  
  <p><strong>Jquery/Ajax Code:</strong></p>
  
  <pre><code>&lt;script&gt;
  $("#given_name").blur(function(){   
  
  var given_name =  $("#given_name").val(); 
  
  $.ajax({
    url: 'certainfield.php',
    type: 'POST',
    dataType: 'html',
    "given_name" : given_name
  }).done(function ( data ) {
    $('#r').append(data);
  });
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>Html Code:</strong></p>
  
  <pre><code>&lt;tr&gt;
  &lt;td&gt;Given name&lt;/td&gt;
  &lt;td&gt;&lt;input type="text" value="&lt;?php echo $res['given_name'] ?&gt;" name="given_name" 
  id="given_name" placeholder="Given name"/&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>