Jquery: Refresco DIV y pierdo el CSS

[danikene]

Hola Amigos Como les va, tengo un quebradero de cabeza desde hace varios días espero me puedan dar una manito, que bien se los sabre agradecer. Estoy en una página multiple con Jquery mobile, y Tengo varias <DIV> que estoy actualizando a travéz de una clase (es una navbar en cada página), Cuando el usuario hace login, cambio la barra de navegación, con lo que todo el contenido cambia pero no lo hace con el css correspondiente, les coloco el script , la navbar y la imagen para que vean el resultado a ver donde me estoy equivocando, muchas gracias por todo.

Script:

Código Javascript:

$(".navbar2").css("display", "none");
$(".navbar1").css("display", "");
$(".nombre").html('<span style="font-size:14px; text-align:center; font-weight:bold;">'+ obj.nombre+'<br>Crédito: $'+obj.credit+'</span>');
$(".navbar1").html("<ul><a href='#page7'>Inicio</a></li><li><a href='#page5'>Mi Cuenta</a></li></ul>");
$.mobile.changePage("#page7");
 

Navbar:

Código HTML:

<div data-role="navbar"  data-theme="e">
    <div class="navbar1" style="display:none"><ul><li><a href='#page7'>Inicio</a></li><li><a href='#page6'>Micuenta</a></li></div>
    <div class="navbar2"><ul><a href='#page7'>Inicio</a></li><li><a href='#page5'>Ingresar</a></li><li><a href='#page6'>Registro</a></li></ul></div>
</div>
 

Imagen:

[emilianocepa]

por lo que entendi deberias mejor modificar las reglas del estilo que ya esta cargado , y no cambiar la hoja de estilos por otra.

[danikene]

Allí esta el detalle, no estoy cambiando la hoja de estilo en ninguno caso.