jquery change() does not seem to be working

I am trying to accomplish simple calculation on few variables. I need to take the val开发者_开发知识库ue from the

<td class="productprice"> 

and multiply it by the value from the

<input type="text" class="quantityBox" value="1"/>

And, I am using this piece of code to see if the value change to recalculate.

$(".quantityBox").change(function(){
alert("Asdasd");
});

And nothing happens. I am expecting the alert box to appear for now, so I'll just be sure that the change works.

Any ideas? Thank you.

---

Bind the change function in document ready event.

Something like:

$(function(){
    $(".quantityBox").change(function(){ 
        alert("Asdasd"); 
    }); 
});

Note: I assume you are tabbing/moving out of the textbox to see if the change function is firing.

---

Assuming that you've attached the handler once the DOM is ready, that should work.

Note that the change event won't fire until focus has left the textbox.

---

Your code works for me: http://jsfiddle.net/8RsXF/ .

If you want to do the calculation after every keypress use keyup:

$(".quantityBox").keyup(function(){
    alert("Asdasd");
});

http://jsfiddle.net/8RsXF/1/