Div principal cargar otra web

[beowulf99]

No se que hago mal...

Tengo puesto esto en el div izquierda (el menu):

Código HTML:

<a href="#" onclick="javascript:misopciones();">Mis Opciones</a> 

Esto en la web index.php, en el head,que es la que contiene todos los div:

<script language="javascript" src="js/jquery-1.3.1.min.js"></script>

Y en el head tambien llamo al script :

Código HTML:

<script type="text/javascript" src="funciones-js.js"></script> 

Y en la funcion tengo esto:

Código HTML:

function misopciones(){   
       /// Aqui podemos enviarle alguna variable a nuestro script PHP
    var variable_post="Mi texto recargado";
       /// Invocamos a nuestro script PHP
    $.post("misopciones.php", { variable: variable_post }, function(data){
       /// Ponemos la respuesta de nuestro script en el DIV recargado
    $("principal").html(data);
    });        
}

Y el div donde quiero cargarlo es:

Código HTML:

 <div class="principal" align="center"> 

Veis algo raro por ahi ??

El fallo estaba aqui :

Código HTML:

<div class="principal" align="center"> 

cambiado por esto :

Código HTML:

<div class="principal" id="principal" align="center"> 

y en el javascript con esto:

function misopciones(){
/// Aqui podemos enviarle alguna variable a nuestro script PHP
var variable_post="Mi texto recargado";
/// Invocamos a nuestro script PHP
$.post("misopciones.php", { variable: variable_post }, function(data){
/// Ponemos la respuesta de nuestro script en el DIV recargado
$("#principal").html(data);
});
}

Listo Funcionando.