Buongiorno ragazzi.

Vorrei recuperare il valore di una INPUT e utilizzarlo altrove.

ESEMPIO HTML

codice:
<form id="mioForm">
    <input type="text" id="test">
    <input type="submit">
</form>
<p id="tip"</p>
ESEMPIO JAVASCRIPT

codice:
$(function() {
    $("#mioForm").on("submit", function(e) {
        e.preventDefault();
        x = $("#test").val(); // in teoria se non si scrive VAR, anche se si � all'interno di una funzione, lo scopo diventa GLOBALE
    });
});
Ho fatto mille tentativi ma nulla ha funzionato.
1) Le variabili al di fuori delle funzioni hanno GLOBAL SCOPE
2) Le variabili dentro le funzioni hanno LOCAL SCOPE
3) Le variabili dentro eventi che SCOPE hanno?

Il primo tentativo che ho fatto � stato appunto dichiarare una variabile al di fuori:
var x;

e dentro l'evento aggiornarla:
x = $(selettore).val();

Io poi vorrei utilizzare il risultato cosi:
var sfidante = new Giocatore(x);

Eppure se nell'esempio sopra tolgo l'evento e metto una funzione funziona:


codice:
$(function() {
    function prova() {
        e.preventDefault();
        x = $("#test").val();
    }
    pr();
    S("#tip").html(x)
});
Cosa sbaglio?