changing input value doesn't get reflected with firebug

Question

Just trying to change the value of an input using jQuery. Seems to work, however, when I look at the value of #input using Firebug, it remains at the original value. Is this normal, or am I doing something wrong? Thank you http://jsfiddle.net/tsfSg/ ``` Testing DoIt ```

Accepted Answer

Use `.val()`: `console.log( $('#input').val() );`

```
$(function(){
    $("#DoIt").click(function(){
        $('#input').val('final');
        console.log($('#input').val());  // the fixed line!
        alert($('#input').val());
    });
});
```

demo

EDIT

Now I understand at what you are looking: inside the element source (inspect element) in Firebug. Well, if you want to see the change actually happen you'll have to use:

```
$('#input').attr('value','final');
```

instead of:

```
$('#input').val('final');
```

otherwise the change is stored by the browser (nothing to be afraid of) but not updated by Firebug.

```
in this demo you can see it working:
```

demo

```
$("#DoIt").click(function(e){
    $('#input').attr('value','final');     // use .attr() to see the change happen in Firebug!
    // $('#input').val('final');           //  but rather use this
    // $('#input').prop('value','final');  // or better THIS one!
    console.log( $('#input').val() );
    alert( $('#input').val() );
    return false;
});
```

changing input value doesn't get reflected with firebug

Solution

Problem