[SOLUCIONADO] registrar y validar mediante modal

[alantoledo007]

hola tengo un problema, resulta que quiero actualizar un re registro dentro de un modal (con jquery validate y ajax), pero no puedo hacerlo, no reacciona, no hace nada. mi código es el siguiente:

aca lo que hago es modificar el formulario dependiendo del registro que quiera modificar dentro del modal para despues validarlo con jquery.

Código:

$('.btn-editar').click(function(){
	$('.modal').modal('show').effect('slide');
	var id = $(this).attr('id');
	if(id == 'sexo'){
		$('.modal-title').html('<form id="sexo" class="form-horizontal">soy de sexo..');
		$('.modal-body').html('<div class="form-group"><label for="select" class="col-lg-2 control-label">sexo</label><div class="col-lg-10"><select class="form-control" name="sexo" id="sexo"><option></option><option value="Femenino">Femenino</option><option value="Masculino">Masculino</option></select></div></div>');
	}
});

una ves que el usuario selecciona el formulario mediante una id asignada lo paso a validar:

Código:

$('form#sexo').validate({
	 	rules:{
	 		sexo:{required:true}
	 	},
	 	messages:{
	 		sexo: '<p class="text-danger"><i class="fa fa-exclamation-circle"></i> Este campo es requerido</p>'
	 	},
	 	submitHandler: function(){
            var dataString = $('form#sexo').serializeArray();
            $.ajax({
                type: "POST",
                url:"controlador/usuarios/actualizar.php",
                data: dataString,
                beforeSend: function(){
				$('.state-loading').css({'display':'inline-block'});
				$('.to-hide').css({'display':'none'});
				},
                success: function(data){
                	$('.msj-success').css({'display':'block'});
                	$('form#sexo').hide();
                },
                error:function(data){
                	$(this).html('error');
                }
            })
            .always(function(){
				$('.state-loading').css({'display':'none'});
				$('.to-hide').css({'display':'inline-block'});
		});
        }
	 });

y aca esta el modal:

Código:

<div class="modal">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-close"></i></button>
        <h4 class="modal-title">Modal title</h4>
      </div>
      <div class="modal-body">
        <p>One fine body…</p>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal"><i class="fa fa-ban"></i> Cancelar</button>
        <button type="submit" class="btn btn-primary">Guardar cambios</button>
        </form>
      </div>
    </div>
  </div>
</div>

como ven, estoy abriendo el formulario con .html(); y lo cierro en el modal, para poder usar el submit. pero nose porque no funciona!!!

nose si para el modal es diferente, porque este mismo codigo lo utilice para crear el registro y login y me funciono perfecto!