Problema:

Ho un <input type="text" /> con id="#boxes" che riporta un valore numerico.

Ho un pulsante che premendolo, attraverso questa funzione, dovrebbe far aumentare il valore del campo INPUT da 1 a 2, ecc... (Esempio: 1,2,3,4,ecc..).

Perchè con la funzione attuale, quando premo sul pulsante per aumentare il valore, il campo INPUT diventa: Da 1 a 11 (Esempio: 1 --> 11 --> 111 --> ecc..)

Perchè invece quando col pulsante per diminuire il campo INPUT diminuisce di 1 (come è giusto che sia) ??? (Esempio: 11 --> 10 --> 9 --> ecc..)

Help me please!!

codice:
function morewidth () { 

var dimw = $("#box_sp").width(); 
var prova = $("#boxes").val(); 

$("#box_sp").width(dimw+10); 
$("#lung").val(dimw+10); 
$("#boxes").val(prova+1); 

if ($("#box_sp").width() >= 400) { 
$("#lung").val(400); 
} 

if ($("#box_sp").width() === pixw) { 
$("#advice").show("slow"); 
} 
} 

function lesswidth () { 

var dimw = $("#box_sp").width(); 
var prova = $("#boxes").val(); 

$("#box_sp").width(dimw-10); 
$("#lung").val(dimw-10); 
$("#boxes").val(prova-1); 

if ($("#lung").val() <= 10) { 
$("#lung").val(10); 
} 

if ($("#box_sp").width() < pixw) { 
$("#advice").hide("slow"); 
} 
}