keyup: This event is triggered when a key is released. This event fails to recognise keys such as tab, shift, ctrl, backspace etc.

keypress: This event is triggered when a key is pressed.

Tip: Use the event.which property to return which key was. The keyup() method triggers the keyup event of each matched element. The events related to keypresses are as follows : keydown: This event is triggered when a key is pressed down. The Code: // Define the element we wish to bind to. The keyup() method triggers the keyup event, or attaches a function to run when a keyup event occurs. The bind lives on the body of the document, so regardless of what elements are added, moved, removed and re-added, all descendants of body matching the selector specified will retain proper binding. on keyup fire a handler to search only by restaurant name - when clicking on the search result populate the output section.It prevents double binding in the case where the script is loaded more than once, such as in an AJAX request.If you're ever dynamically generating page content or loading content through AJAX, the following example is really the way you should go:

Jquery on keyup example