jQuery Mobile: Página con formulario de contacto

gistfile1.html

<div data-role="page" id="contacto"> 
	<div data-role="header" data-theme="a" data-position="fixed">
        <div class="ui-grid-b">
        <div class="ui-block-a" style="width:25%"><a href="#home" data-role="button" data-icon="home" data-iconpos="notext" data-direction="reverse">Inicio</a></div>
        <div class="ui-block-b" style="width:50%"><center><img src="imgs/santosdesign_peq.fw.png" width="160" height="50"></center></div>
        <div class="ui-block-c" style="width:25%">&nbsp;</div>
        </div><!-- /grid-b -->	
	</div><!-- /header -->
	<div data-role="content" data-theme="a">
        <h1><img src="imgs/contacto.fw.png" width="40" height="40" alt="Inicio">&nbsp;&iquest;Hablamos?</h1>
        <p class="normal">Si despu&eacute;s de ver esta web, tienes alg&uacute;n comentario constructivo, quieres que te env&iacute;e mi CV o crees que podr&iacute;a  colaborar con el proyecto que t&uacute; o tu empresa desea llevar a cabo no dudes en rellenar el siguiente <strong>formulario de contacto</strong>.</p>
        <div id="nombre_error" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content popups">
  		<a href="#" id="nombre_error_c" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
        Falta su nombre
		</div>
        <div id="email_error" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content popups">
  		<a href="#" id="email_error_c" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
  		Email no v&aacute;lido
		</div>
        <div id="email_vacio" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content popups">
  		<a href="#" id="email_vacio_c" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
  		Falta su email
		</div>
        <div id="asunto_error" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content popups">
  		<a href="#" id="asunto_error_c" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
  		Falta el asunto
		</div>
        <div id="mensaje_error" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content popups">
  		<a href="#" id="mensaje_error_c" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
  		No hay mensaje
		</div>
        <div id="mensaje_no_enviado" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content popup_mensaje_correcto">
  		<a href="#" id="mensaje_no_enviado_c" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-left">Close</a>
  		Mensaje no enviado. Int&eacute;ntelo de nuevo.
		</div>
        <div id="mensaje_enviado" data-role="popup" data-theme="e" data-overlay-theme="a" class="ui-content popup_mensaje_correcto">
  		Mensaje enviado correctamente
  		<a href="#home" id="mensaje_enviado_c" data-role="button" data-theme="a" data-icon="back" data-direction="reverse">Inicio</a>
		</div>
        <form id="contacto" method="post">
           <div class="ui-body ui-body-b">
               <div data-role="fieldcontain">
               <label for="nombre">Nombre</label>
               <input type="text" name="nombre" id="nombre" placeholder="Nombre y apellidos" />
               </div>
               <div data-role="fieldcontain">
               <label for="email">Email</label>
               <input type="text" name="email" id="email" placeholder="[email protected]" />
               </div>
               <div data-role="fieldcontain">
               <label for="asunto">Asunto</label>
               <input type="text" name="asunto" id="asunto" placeholder="Indique el asunto de su mensaje" />
               </div>
               <div data-role="fieldcontain">
               <label for="mensaje">Mensaje</label>
               <textarea cols="30" rows="5" name="mensaje" id="mensaje" ></textarea>
               </div>
               <button type="submit" id="submit" name="submit" value="submit-value">Enviar</button>
           </div>
        </form>
    </div><!-- /content -->
	<div data-role="footer" data-theme="a" data-position="fixed">
        <div class="ui-grid-a">
            <div class="ui-block-a" align="center" style="width:85%"><h5>&copy; 2012 Santos Jim&eacute;nez Linares</h5></div>
            <div class="ui-block-b" align="right" style="width:15%"><a href="http://es.linkedin.com/in/santosjimenez" data-role="button" data-icon="linkedin" data-iconpos="notext" target="_blank">Mi perfil Linkedin</a></div>
        </div><!-- /grid-a -->    
	</div><!-- /footer -->
</div><!-- /page -->