Wordpress login dialog box into JqueryMobile

Wordpress login dialog box into JqueryMobile

Hello,

My theme jquery mobile for my wordpress blog network is under development.
Everything works perfectly but I can not run the login dialog box.

The scenario that I want is as follows:

1-The login dialog box launches
2-when he clicks connect, the dialog box closes and the home page is reloaded to check the cookie and indicate that the user is connected.

The  problem  is  that  the form uses  the  post method  to  wp - login.php  ( an external  file )

Currently when I click connect nothing happens ..... no load error, the dialog box doesnot close and when I reload the home page by hand it does me connected ....

Here is my code:

My home page :

  1. <?php get_header(); ?>



    <div data-role="page" id="accueil" data-theme="z">


    <div id="content" data-role="content">


    <?php if ( ! is_user_logged_in() ) : ?>


    <a href="<?php echo site_url() ?>/register/register.php" data-role="button" data-icon="plus" data-inline="true" data-theme="g" data-rel="dialog" data-transition="slideup">Connect</a>

          <?php else : ?>


    <a href="/signup.html" data-role="button" data-icon="plus" data-inline="true" data-theme="g" data-rel="dialog" data-transition="slideup">Mon Compte</a>

    <?php endif; ?>



    </div><!-- end content -->


    </div><!-- /page -->



    <?php get_footer(); ?>

My Dialog Box :

  1. <?php get_header() ?>


    <div data-role="page" id="page-enregistrement" data-theme="z">

    <div data-role="header" data-theme="z">

    <h2 class="ui-tilte">Rejoignez-nous !</h2>

    </div><!-- /header -->

    <div id="content-enregistrement" data-role="content">


    <!-- Formulaire de Login -->


    <ul data-role="listview">

    <li data-role="list-divider">Vous avez d&eacute;j&agrave; un compte</li>

    <li>

    <form name="loginform" id="loginform" rel="external" action="<?php echo site_url( 'wp-login.php', 'login' ) ?>" method="post">

    <div data-role="fieldcontain">

    <label for="user_login"><?php _e( 'Username', 'buddypress' ) ?></label>

        <input type="text" name="log" id="user_login" value="<?php echo attribute_escape(stripslashes($user_login)); ?>" />

    <label for="user_pass"><?php _e( 'Password', 'buddypress' ) ?></label>

        <input type="password" name="pwd" id="user_pass" value="" />

      <fieldset data-role="controlgroup">

    <input type="checkbox" checked="checked" name="rememberme" id="rememberme" class="custom" value="forever"/>

    <label for="rememberme"><?php _e( 'Remember Me', 'buddypress' ) ?></label>

        </fieldset>


    <?php do_action( 'bp_sidebar_login_form' ) ?>

    <input data-theme="g" type="submit" name="wp-submit" id="wp-submit" value="<?php _e('Log In'); ?>" />

    <input type="hidden" name="testcookie" value="1" />

    </div>

    </form>


    </li>

    </ul>

    </div><!-- /content -->

    </div><!-- /page -->


    <?php get_footer() ?>
Anyone have a   idea or want to help us to develop the wordpress mu jquery mobile theme ?