jquery change not fire

Question

I've a problem with jquery change! This is my .php page

 <input id="numero_preventivi" style="display: none;" value="<?php echo $numeriPreventivi['preventivi']; ?>"/>
<input id="numero_preventivi_new" style="display: none;" value="0"/>

<script type="text/javascript">
$(function (){
    var num_pr = $("#numero_preventivi").val();
    var preventivi = new flipCounter('preventivi', {value: num_pr, inc:0, pace:600, auto:false});

    $("#numero_preventivi_new").change(function (){
        var num_pr_new = $("#numero_preventivi_new").val();
        preventivi.incrementTo(num_pr_new);
        });

});

And this is my .js function

$('#numero_preventivi_new').val(text[0]).change();

When my function, in .js page, change value of my hidden div I would fire .change(), but I can't run the function into jquery code. Where is the problem?

Answer 1

Changing the attribute doesn't change the value. Try this:

$('#numero_preventivi_new').val(text[0]).change();

Working demo: http://jsbin.com/acojed