2回クリックするとJavascript/AJAXが発生する

Question

私はページを更新せずにログインするフォームを作成しています。ログインのdivを表示するには、再読み込み、

INDEX.php 

    <script language="javascript"> 
    $(document).ready(function() 
    { 

//log in- send data to php page which creates a session. Log in div is reloaded to display log out button. 
     $("#login_form").submit(function() 
     { 
      $.post("php/loginajax.php",{emai:$('#emai').val(),pass:$('#pass').val()} ,function(data) 
      {   
      if(data=='yes') {$('#login').load('inc/headerlogin.php');} 
      if(data =='no') {$("#loginerror").show();}     
      }); 
      //return false; 
     }); 

//log out- destroy session and reload log in div to display log in form again. 
     $("#logout").click(function() 
     { 
      $.post("php/loginout.php"); 
      $('#login').load('inc/headerlogin.php'); 
     }); 

    }); 
    </script> 

ログアウトボタンを一度クリックし微作品、破壊されたセッション：

は、私は以下のページを持っています。

ログインボタンは、最初のページの読み込み時に機能します。 ログインした後、ログアウトしてからもう一度ログインしてください。同じページのすべてのページを更新せずに、ログインボタンを2回クリックしてください。

また、if文の前とその内側の両方にいくつかのアラートが散在していますが、コードの残りの部分が表示されていなくても...任意のアイデアですか？

Answer 1

は戻って私の質問に見て、私が作ってきたはずですようです実際のフォームライブ：

$("#login_form").live("submit", function(event) { });" 

Answer 2

は、ログアウトボタンをリロードすれば、私はuがライブ代わりにクリックを使用しなければならないと思います

$("#logout").live('click',function() 
    { 
     $.post("php/loginout.php"); 
     $('#login').load('inc/headerlogin.php'); 
    }); 

私は...これはあなたを助けたい