Incrementar el valor del campo de entrada con jQuery

Cuál es el más corto forma en jQuery (o JavaScript puro) para incrementar el valor de un campo de entrada?

Por ejemplo

<input id="counter" type="hidden" name="counter" value="1">

por lo que cambia a

<input id="counter" type="hidden" name="counter" value="2">

$('#counter').val( function(i, oldval) {
    return parseInt( oldval, 10) + 1;
});

Manifestación

O

$('#counter').val( function(i, oldval) {
    return ++oldval;
});

Manifestación

Puede envolver cualquiera de los códigos anteriores dentro de una función y llamarlo para un mayor incremento. Por ejemplo:

function increment() {
    $('#counter').val( function(i, oldval) {
        return ++oldval;
    });
}

ahora llama increment() cuando y donde necesites.

Creo que el camino más corto es:

$('#counter').get(0).value++ 

o

$('#counter').get(0).value--

Prueba esto:

var $input = $('#counter');

$input.val( +$input.val() + 1 );​

MANIFESTACIÓN

No hay necesidad de jQuery aquí, en su lugar use JavaScript puro:

document.getElementById('counter').value++;

Manifestación: http://jsfiddle.net/RDMPq/

Puede mover el incremento a una función que acepte identificaciones dinámicas para una mayor portabilidad:

function incrementInput(id){
    document.getElementById(id).value++;
}

Manifestación: http://jsfiddle.net/uyuGY/

Podrías intentar esto:

jQuery:

Configure una función para hacer esto:

function incrementVal(selector) {
var $item = selector;
var $curVal = $item.attr("value");
$item.attr("value", parseInt($curVal) + 1 );
}

Úselo con el clic de un botón:

$("#increment").on("click",function() {
incrementVal($('#counter'));
});

Su código HTML:

<input id="counter" type="hidden" name="counter" value="1">
<button id="increment">Increment field</button>

Espero que ayude.