Ragazzi,ho un problema ho un form composto cosi'

Codice PHP:
<form name="ciao">
        <
input type=button style="width: auto; font-weight: bold; letter-spacing: -1px; background-color: rgb(223, 229, 241);"value="Configura" onClick="webcam.configure()">
        
        <
input type=button style="width: auto; font-weight: bold; letter-spacing: -1px; background-color: rgb(223, 229, 241);" value="Invia Immagine" onClick="take_snapshot()">
        

<
span>
         [
img]edit.gif[/img] [b]Tuo nome[/b] <span class="didascalia">(Inserisci il tuo nome o un nome fantasioso a scelta)</span>
 
        <
input id="name"  class="moduli" name="name" type="text" value="">
    </
form>
    <
script language="JavaScript">
    var 
personName document.getElementById('name').value;
webcam.set_api_url('test4.php?name=' personName);
webcam.set_quality90 ); // JPEG quality (1 - 100)
webcam.set_shutter_soundtrue ); // play shutter click sound
    
</script> 
In pratica devo recuperare il valore che viene scritto qui'
Codice PHP:
<input id="name"  class="moduli" name="name" type="text" value=""
Questo form punta alla pagina test4.php tramite questa porzione di codice qui'
Codice PHP:
var personName document.getElementById('name').value;
webcam.set_api_url('test4.php?name=' personName); 
Il problema e che test4.php non mi recupera il valore name,come risolvere?
Nella pagina test.php ho provato a recuperare il valore di name cosi'
Codice PHP:
<?
  
//verifico se esiste la variabile id di valore get
if(isset($_GET['name']) OR $_GET['name'] != ""){ 
$nome=$_GET['name']; 

}
?>