Jquery not detecting my change event on text input

Question

I'm a little bit confused. I am trying to add a change event to a text.

This is my html:

<input type="text" id="tag_search" placeholder="Start typing to search tags..." name="tag_search" size="33"/>

This is my script

$("#tag_search").change(function(){
    alert('Typing');
});

I'm aware that the change event will only fire once the input element loses focus but even when I do that the alert does not display.

but it will not work at all. Can anyone help me.

jsfiddle.net/a4b4oyvq -- Your problem isn't reproducible. Are you aware that the change event only fires when the element loses focus? — George
– George, Commented Nov 7, 2014 at 12:20
DOM is not ready probably. Try: $(function() { $('#tab_search').change(...); }) — dfsq
– dfsq, Commented Nov 7, 2014 at 12:21
change on text input fires when you leave the input. insted try with input — Jai
– Jai, Commented Nov 7, 2014 at 12:21
@George You forgot that jsFiddle runs any js on load by default while on your html page you have to specify it yourself :) — nicael
– nicael, Commented Nov 7, 2014 at 12:33
@nicael I didn't forget -- I wrongly assumed the OP would know :) — George
– George, Commented Nov 7, 2014 at 13:07

nicael · Accepted Answer · 2014-11-07 12:25:03Z

2

Your script should be

$(document).ready(function{
    $("#tag_search").change(function(){
        alert('Typing');
    });
})

It should be run on load.

answered Nov 7, 2014 at 12:25

nicael

19.1k13 gold badges65 silver badges93 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1