Question

$(document).delegate("input#search-champions", "change", function(e)

Whenever I change the value inside search-champions, it I have to click outside of the textbox to make it work. I want function to run whenever the value inside textbox changes.

I forgot what it is called, but it’s the same system Google uses for it’s searches. You write A, and it’ll show you results with A.

Answer 1

Try binding to the keyup event instead:

$(document).delegate("#search-champions", 'keyup', function(e)

By the way, there should be no need to prepend your selector with input – IDs should be unique anyway!