Mixing PHP variables into a jquery form
I'm creating a 2 part log in, where the user enters their username in the first part and then random charactors of a password and pin are asked for in the second part. This works fine when I just use php and html but when I tried converting to jquery the PHP values are just not showing up. I checked by outputing a variable on its own and the variable is set but when I try any php whatsoever to the form it doesn't work :( tried different variations but no avail.
log in part 2

    <?php  
    if(!isset($_SESSION))
    {
	session_start();
    }

    $number1 = $_SESSION['number1'];
    $number2 = $_SESSION['number2'];
    $number3 = $_SESSION['number3'];
    $number4 = $_SESSION['number4'];
    $number5 = $_SESSION['number5'];
    $number6 = $_SESSION['number6'];
    $number7 = $_SESSION['number7'];
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="javascript/jquery.min.js"></script>
    <script type="text/javascript" src="javascript/jquery.simplemodal2.js"></script>
    <script type="text/javascript" src="javascript/init.js"></script>
    <script type="text/javascript">
    /* <![CDATA[ */
    $(document).ready(function () {
        $('#login_form').modal();
    });
    /* ]]> */
    </script>
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="default.css" rel="stylesheet" type="text/css" media="all" />
    <style type="text/css">
    </style>
    <link type='text/css' href='style/stylesheet2.css' rel='stylesheet' media='screen' />
    <link type='text/css' href='style/basic.css' rel='stylesheet' media='screen' />
    </head>
	<div id="login_form" style='display:none height:400px'>
	<div id="status" align="left">
	<center><h1><img src="images/key.png" align="absmiddle">&nbsp;Password Details</h1><br /><br />
	<div id="login_response"><!-- spanner --></div> </center>

	<form id="login" action="javascript:alert('success!');">
	<input type="hidden" name="action" value="user_login">
	<input type="hidden" name="module" value="login">
	<label>Please enter charactor <?echo $_SESSION['number1'];?> of PIN</label><input type="password" maxlength="1" name="PIN1"><br /><br />
	<label>Please enter charactor <?$number2?> of PIN</label><input type="password" maxlength="1" name="PIN2"><br /><br />
	<label>Please enter charactor <?$number3?> of PIN</label><input type="password" maxlength="1" name="PIN3"><br /><br /><br />
	<label>Please enter charactor <?echo $number4 ?> of PASSWORD</label><input type="password" maxlength="1" name="PASSWORD1"><br /><br /> 
	<label>Please enter charactor <?echo $number5; ?> of PASSWORD</label><input type="password" maxlength="1" name="PASSWORD2"><br /><br /> 
	<label>Please enter charactor <?$number6; ?> of PASSWORD</label><input type="password" maxlength="1" name="PASSWORD3"><br /><br /> 
	<label>Please enter charactor <?$number7?> of PASSWORD</label><input type="password" maxlength="1" name="PASSWORD4"><br />   
	<label>&nbsp;</label><input value="Login" name="Login" id="submit" align="center" class="big" type="submit" /><br />

	<div id="ajax_loading" align="center">
	<img align="absmiddle" align="center" src="images/spinner.gif">&nbsp;Processing...
	</div>

	</form>

	</div>

	</div>
    </body>
    </html>

Any ideas are greatly appreciated.

Mixing PHP variables into a jquery form
===

I'm creating a 2 part log in, where the user enters their username in the first part and then random charactors of a password and pin are asked for in the second part. This works fine when I just use php and html but when I tried converting to jquery the PHP values are just not showing up. I checked by outputing a variable on its own and the variable is set but when I try any php whatsoever to the form it doesn't work :( tried different variations but no avail.
log in part 2

    <?php  
    if(!isset($_SESSION))
    {
	session_start();
    }

    $number1 = $_SESSION['number1'];
    $number2 = $_SESSION['number2'];
    $number3 = $_SESSION['number3'];
    $number4 = $_SESSION['number4'];
    $number5 = $_SESSION['number5'];
    $number6 = $_SESSION['number6'];
    $number7 = $_SESSION['number7'];
    ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org    /TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" src="javascript/jquery.min.js"></script>
    <script type="text/javascript" src="javascript/jquery.simplemodal2.js"></script>
    <script type="text/javascript" src="javascript/init.js"></script>
    <script type="text/javascript">
    /* <![CDATA[ */
    $(document).ready(function () {
        $('#login_form').modal();
    });
    /* ]]> */
    </script>
    <title></title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="default.css" rel="stylesheet" type="text/css" media="all" />
    <style type="text/css">
    </style>
    <link type='text/css' href='style/stylesheet2.css' rel='stylesheet' media='screen' />
    <link type='text/css' href='style/basic.css' rel='stylesheet' media='screen' />
    </head>
	<div id="login_form" style='display:none height:400px'>
	<div id="status" align="left">
	<center><h1><img src="images/key.png" align="absmiddle">&nbsp;Password Details</h1><br /><br />
	<div id="login_response"><!-- spanner --></div> </center>

	<form id="login" action="javascript:alert('success!');">
	<input type="hidden" name="action" value="user_login">
	<input type="hidden" name="module" value="login">
	<label>Please enter charactor <?echo $_SESSION['number1'];?> of PIN</label><input type="password" maxlength="1" name="PIN1"><br /><br />
	<label>Please enter charactor <?$number2?> of PIN</label><input type="password" maxlength="1" name="PIN2"><br /><br />
	<label>Please enter charactor <?$number3?> of PIN</label><input type="password" maxlength="1" name="PIN3"><br /><br /><br />
	<label>Please enter charactor <?echo $number4 ?> of PASSWORD</label><input type="password" maxlength="1" name="PASSWORD1"><br /><br /> 
	<label>Please enter charactor <?echo $number5; ?> of PASSWORD</label><input type="password" maxlength="1" name="PASSWORD2"><br /><br /> 
	<label>Please enter charactor <?$number6; ?> of PASSWORD</label><input type="password" maxlength="1" name="PASSWORD3"><br /><br /> 
	<label>Please enter charactor <?$number7?> of PASSWORD</label><input type="password" maxlength="1" name="PASSWORD4"><br />   
	<label>&nbsp;</label><input value="Login" name="Login" id="submit" align="center" class="big" type="submit" /><br />

	<div id="ajax_loading" align="center">
	<img align="absmiddle" align="center" src="images/spinner.gif">&nbsp;Processing...
	</div>

	</form>

	</div>

	</div>
    </body>
    </html>

Any ideas are greatly appreciated.
