Problema con Ajax jquery.form

Hola, estaba comenzando a aprender algo de ajax con jquery y queria implementar que cuando el usuario hicese click en una capa se le mostrase o se ocultase una capa.
Pero hay 2 que son formularios y en funcion de lo que le devuelva el php hará una cosa u otra (el PHP devuelve un string que lo compaero). Pero cuando introduco la parte de jquery.form no me funciona. No me funciona ni la parte donde no hay consultas a los php(es decir lo que no son formularios) .
El codigo es el siguiente, a ver si me podeis ayudar

Código Javascript :

$(document).ready(function(){
   
      $(".cuentaUsuario").click(function(){
      
         $("#formularioRecuperar").show().css("display","none");
         $("#recuperarIncorrecto").show().css("display","none");
         $("#recuperarCorrecto").show().css("display","none");
         $("#loginIncorrecto").show().css("display","none");
         $("#formularioLogin").show().css("display","block");
      })
      
      $(".recuperarContrasena").click(function(){
      
         $("#formularioRecuperar").show().css("display","block");
         $("#recuperarIncorrecto").show().css("display","none");
         $("#loginIncorrecto").show().css("display","none");
         $("#formularioLogin").show().css("display","none");
      })
      
      
            $("#formularioLogin #linea_LoginUsuario #botonLogin").click(function(){
      
      var opciones= {
                               beforeSubmit: mostrarLoader, //funcion que se ejecuta antes de enviar el form
                               success: mostrarRespuesta //funcion que se ejecuta una vez enviado el formulario
        };
      
      $('#formularioLoginUsuario').ajaxForm(opciones);
   
      
         function mostrarLoader(){
              $("formularioLogin").show().css("display","none");
              $("#loading").fadeIn("slow").css("display".; //muestro el loader de ajax
             };
             function mostrarRespuesta (responseText){
              if (responeText =="E1"){
              $("loading").show().css("display","none");
              $("loginIncorrecto".show().css("display","block");
              }
             };
      
      
      }
      
      $("#formularioLogin #linea_LoginUsuario #botonLogin").click(function(){
      
      var opciones2= {
                               beforeSubmit: mostrarLoader2, //funcion que se ejecuta antes de enviar el form
                               success: mostrarRespuesta2 //funcion que se ejecuta una vez enviado el formulario
        };
      
      $('#formularioRecuperarUsuario').ajaxForm(opciones);
   
      
         function mostrarLoader2(){
              $("formularioRecuperar").show().css("display","none");
              $("#loading").fadeIn("slow").css("display".; //muestro el loader de ajax
             };
             function mostrarRespuesta2 (responseText){
              if (responseText =="E2"){
              $("loading").show().css("display","none");
              $("loginIncorrecto").show().css("display","block");
              }else if(responseText=="E1"){
              $("loading").show().css("display","none");
              $("loginCorrecto").show().css("display","block");
              }
             };
      
      
      }
      
      
      

   
   
   
   })