cambia esto :
$('#contenedor').load(url + ' #pagina');
por esto
$('#contenedor').load(url);
por eso no carga el script te tramites.html, y en tramites.html solo necesitas el html necesario no toda la pagina solo esto:
<div id="pagina">
<div class="navegador_cabecera" id="navegador_cabecera">
<ul>
<li><img src="images/home.png" width="24" height="24" alt="inicio" border="0" /><a href="http://www.google.com">inicio</a></li>
<li><img src="images/refresh.png"width="24"height="24"alt="actualizacion de datos"border="0"/><a href="">Actualización de Datos</a></li>
<li><img src="images/pencil.png" width="24" height="24" alt="registro de solicitud" border="0" /><a href="">Registrar Solicitud</a></li>
<li><img src="images/search.png" width="24" height="24" alt="Consulta de Tramites"border="0" /><a href="">Consulta de Tramites</a></li>
<li><img src="images/monitor.png" width="24" height="24" alt="Reservar x"border="0" /><a href="">Reservar x</a></li>
<li class="sin_marco"><img src="images/coffee.png" width="24" height="24" alt="Otros"border="0" /><a href="">Otros</a></li>
</ul>
</div>
<div class="content" id="content">
<h1>Signup Form1 </h1>
<form method="post" name="signup" id="signup">
<div>
<label for="name" class="label">Name </label>
<input name="name" type="text" class="required" id="name" title="Please type your name.">
</div>
<div>
<label for="email" class="label">E-mail Address</label>
<input name="email" type="text" id="email">
</div>
<div>
<label for="password" class="label">Password</label>
<input name="password" type="password" id="password">
</div>
<div>
<label for="confirm_password" class="label">Confirm Password</label>
<input name="confirm_password" type="password" id="confirm_password">
</div>
<div><span class="label">Hobbies</span>
<input name="hobby" type="checkbox" id="heliskiing" value="heliskiing" class="required" title="Please check at least 1 hobby.">
<label for="heliskiing">Heli-skiing</label>
<input name="hobby" type="checkbox" id="pickle" value="pickle">
<label for="pickle">Pickle eating</label>
<input name="hobby" type="checkbox" id="walnut" value="walnut">
<label for="walnut">Making walnut butter</label>
</div>
<div>
<label for="dob" class="label">Date of birth</label>
<input name="dob" type="text" id="dob" class="date" title="Please type your date of birth using this format: 01/19/2000">
</div>
<div>
<label for="planet" class="label">Planet of Birth</label>
<select name="planet" id="planet" class="required" title="Please choose a planet.">
<option value="">--Please select one--</option>
<option value="earth">Earth</option>
<option value="mars">Mars</option>
<option value="alpha centauri">Alpha Centauri</option>
<option value="forget about it">You've never heard of it</option>
</select>
</div>
<div>
<label for="comments" class="label">Comments</label>
<textarea name="comments" cols="15" rows="5" id="comments"></textarea>
</div>
<div class="labelBlock">Would you like to receive annoying e-mail froM
US? </div>
<div class="indent">
<input type="radio" name="spam" id="yes" value="yes" class="required" title="Please select an option">
<label for="yes">Yes</label>
<input type="radio" name="spam" id="definitely" value="definitely">
<label for="definitely">Definitely</label>
<input type="radio" name="spam" id="choice" value="choice">
<label for="choice">Do I have a choice?</label>
</div>
<div>
<input type="submit" name="submit" id="submit" value="Submit">
</div>
</form>
<script>
//alert(00);
$('#signup').validate({
rules: {
email: {
required: true,
email: true
},
password: {
required: true,
rangelength:[8,16]
},
confirm_password: {equalTo:'#password'},
spam: "required"
}, //end rules
messages: {
email: {
required: "Please supply an e-mail address.",
email: "This is not a valid email address."
},
password: {
required: 'Please type a password',
rangelength: 'Password must be between 8 and 16 characters long.'
},
confirm_password: {
equalTo: 'The two passwords do not match.'
}
},
errorPlacement: function(error, element) {
if ( element.is(":radio") || element.is(":checkbox")) {
error.appendTo( element.parent());
} else {
error.insertAfter(element);
} return true;
}
}); // end validate
$("#submit").click(function(){
validacion=$("#signup").valid();
console.log(validacion);
if(validacion){
// si valida aqui cargar el contenedor
$("#contenedor").load("process.html");
}
return false;
});
</script>
</div>
</div>
*********************************
y por ultimo validacion=$("#signup").validate() por validacion=$("#signup").valid();
y luego funciona
tu script de validacion funciona raro, ese tienes que revisar
. quizas haz visto algo similar en algun lado?