Ajax en Jquery

[juanstan]

Os comento:

A partir de una select tomo valores; apartir de los cuales genero un codigo diferente;
por ello cunado seleciono un valor diferente quiero que la pagina se vuelva a cargar.

Lo que he hecho es lo siguiente:

Código HTML:

 <script type="text/javascript">
      function Charge(){
        $("select#selectTemplate").change(function(){
                                $.ajax({ 
                                  type:"post",
                                  data: "template="+this.value+"&page_uid={$page->uid}",
                                  dataType: "html",
                                  cache:false,
                                  url:"content.html",
                                  success: function(data){ 
                                   // alert(html);
                                    $("html").html(data);
                                  }
                                });
                            });
       }                      
                                
      $(document).ready(Charge); 
    </script> 

Código HTML:

<select name="content[layout_template_id]" id="selectTemplate">
<option label="Simple Content" value="1">Simple Content</option>
<option label="Content with images" value="2">Content with images</option>
<option label="Gallery" value="3">Gallery</option>
<option label="Links" value="4" selected="selected">Links</option>
<option label="Contact Forms" value="5">Contact Forms</option>

</select> 

Bueno soy un poco novato en esto de Jquery & Ajax y no se si estoy haciendo algo mal.

Estaria muy agradecido por cualquier ayuda.

[juanstan]

Se me olvidaba comentar que la primera vez me funciona bien (aunque pierde algunos estilos) pero las siguientes veces que seleciono no hace nada (esto ultimo pasa en Firefox; en IE va bien)