Aggiornamento-esecuzione codice php

[timberwolf]

Ho creato uno script php con il quale carico delle immagini in una galleria e fin qui tutto bene..

Ora vorrei rendere il tutto più carino, ovvero vorrei che la pagina venisse aggiornata senza essere ricaricata e vorrei che le immagini caricate vengano mostrate in un div all'interno della pagina..

il problema risiede nel codice javascript che ovviamente non é corretto e quindi non funziona.. posto qui diseguito il codice html e javascript.. se qualcuno potesse illuminarmi gliene sarei grato..

Sono agli inizi con javascript quindi abbiate pieta

javascript:

<script type="text/javascript">
$(function() {
 
  $("#btn").click(function() {
    
    var path = <?php echo $path; ?>;
    var id = <?php echo $id; ?>;
    var data = '&path=' + path + '&id=' + id;
         
    $.ajax({
        type: "POST",
        url: "cp_upload_gallery_2.php",
        data: data,
        beforeSend: function(html) { 
        $("#response").show();
        $("#response").html(response);
        },
            success: function(html){
            $("#response").show();
            $("#response").append(html);
            }
        });    
       }
    return false;
   });
);
</script>

codice html che "dovrebbe" richiamare l'evento javascript di cui sopra:

<div id="main">
<label for="files">[b]Carica Files:[/b]</label>


        <form method="post" enctype="multipart/form-data">  
            <input type="file" name="images[]" id="images" multiple />
            <button type="submit" id="btn">Invia Files</button>  
        </form>  
</div> 

<div id="response"></div>