jquery javascript: take action when radio button is selected

Question

I have the following radio buttons, none of which is checked by default.

<input type="radio" name="location" value="0" /> home
<input type="radio" name="location" value="1" /> work
<input type="radio" name="location" value="2" /> school

How do I detect when either of them is checked. I'm looking for something like click, but it's not working

$("input[name=location]").click(function(){
    alert("selected");
}); 

Cook

Answer 1

This works fine for me. Are you referencing well the jquery library?

Prod

It looks like it was a bug with something above this line, and it messed up the whole javascript below it. – Cook

Answer 2

$('input[name=location]').change(function(){
    alert(this.checked);
});

Killer

Answer 3

Try surrounding the code with below lines

$(document).ready(function(){

}
);

Woof

Answer 4

Have you treid the onChange event?

$("input[name=location]").bind('change', function(){
    alert("selected");
});

Lioness

Answer 5

$(document).ready(function(){ 
  $("input[name=location]").bind('change', function(){
   alert("Hello!"); 
  }); 
});

Phenica