Селектор jQuery передает неопределенное значение для заполненного поля ввода

Question

Этот js-скрипт выбирает значение поля ввода с именем: id_add_to_cart и передает его в ParseProductId, который анализирует значение:

$("input[id='add-extra']").live("click",function () {
    var product_id = $("input[name='id_add_to_cart']").value;
    parseProductId(product_id);
    return false;
});

Анализируемое значение не определено для этого HTML:

                    <form action="" method="POST">';
                        <input type="hidden" name="id_add_to_cart" value="100" />
                        <input type="submit" id="add-extra" value="Add" />';

                    </form>

Чего мне не хватает?

Answer 1

$("input[id='add-extra']").live("click",function() {
    var product_id = $("input[name='id_add_to_cart']").val();
    alert(product_id);
});

изменить .value на .val().

Демо: http://jsbin.com/egiwor/2

Answer 2

var product_id = $("input[name='id_add_to_cart']").val();

Это что-то меняет?