Aquí está mi problema, llamo a este método y lo que hace es

publicar algunos datos en el servidor usando jQuery, quiero mostrar la página usando el resultado que recibí del servidor

mi página index.html

<div data-role="page" id="login">
    // other page content
            <div id="divrightButton">

            <!-- calling loginSubmit which calls loginPostData-->   
            <a class="bluebutton" href="#" onclick="loginSubmit(); return false;">Login</a>

            </div>
        </form>
</div>

<!--main page-->
<div data-role="page" id="mainMenu">

     Main menu
</div>

Aquí está la pieza de código de JavaScript,cosa rápida loginSubmit () llama loginPostData , loginSubmit crea un objeto json y lo pasa a loginPostData

function loginPostData(jsonRequest)
{
    $.post("http://localhost:8080/edserve/MobileServlet", 
            JSON.stringify( jsonRequest), 
            function(data) 
            {
                var obj = JSON.stringify(data);
                //var object = JSON.parse(json_text);
                //alert(obj);
                alert(obj);
                if(data.status=="success")
                {
                    //display main page
                    //$('#mainMenu').show(); <-- this does not give desired result
                }
                else
                {
                    if(data.message=="user not verified")
                    {
                        //display verification page
                    }   
                    if(data.message=="no user exist with this usname")
                    {
                        //set focus to username
                        $("#username").focus();
                    }   
                }   
        }, "json");
}

CÓMO MOSTRAR EL MENÚ PRINCIPAL CUANDO HAY ÉXITO, el código completo de html está en un solo archivo en diferentes div

use este código para redirigir / mostrar la etiqueta / elemento div particular

$.mobile.changePage("#mainMenu",{allowSamePageTransition: true });

y también descargar el siguiente archivo css, es una necesidad para la transición entre las páginas / div elementos

jquery.mobile.transitions.css