scambio immagini

Salve ho urgente bisogno del vostro aiuto: io ho questa situazione

Codice HTML:

---

<a href="#" onClick=cambia(1)><div="numero">1</div></a> //prima parte

<a href="#"><div="altro">?</div></a> //seconda parte

---

Spiego l situazione. Io ho il numero 1 in un container css con uno sfondo, facendolo sembrare un tasto. Il mio intento è quello di cliccare su uno, farmi salvare questo uno in una variabile javascript e far cambiare senza ricaricare la pagine la seconda parte, dove deve sparire il "?" e al suo posto apparire l' 1 e cambiare di conseguenza anche il div che da "altro" deve diventare "numero".
Ho provato tutti i modi possbili ma conoscendo pochissimo jquery e javascript non sono riuscito a combinare niente.
Aiuto per favore

Codice HTML:

---

<script type="text/javascript">
var globale;
//eventuale codice
function cambia(come)
{
  document.getElementById('altro').innerHTML = come;
  document.getElementById('numero').innerHTML = come+1;
  globale = come;
  //eventuale codice
}

</script>
<a href="#" onClick=cambia(1)><div id="numero">1</div></a> //prima parte
<a href="#"><div id="altro">?</div></a> //seconda parte

---

Comunque, funziona solo "la prima volta", nel senso che non è possibile modificare l' 1 da passare.
Se vuoi che ad ogni click il valore venga incrementato, puoi fare in questo modo:

Codice HTML:

---

<script type="text/javascript">
function cambia()
{
        document.getElementById('altro').innerHTML = document.getElementById('numero').innerHTML;  //modifico il valore di altro con il valore contenuto da numero
        document.getElementById('numero').innerHTML = parseInt(document.getElementById('numero').innerHTML) + 1; //incremento il contenuto di numero (il parse int ci va altrimenti lo riconosce come stringa, e concatena l'1)
}
</script>
<a href="#" onClick="cambia()"><div id="numero">1</div></a> //prima parte
<a href="#"><div id="altro">?</div></a> //seconda parte

---

Non serve jQuery.

Ciao!

Grazie mille per l'aiuto mi sei stato davvero utilissimo!!!