title: how to desable one jquery function by another function
body: <p>i have two different function in my code
  function A: show/hide login, signup form</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function ()
     {
        //function to hide/show signup form
      $("#signup_form").hide();
      $("#signup").click(function ()
      {
       $("#login_form").hide();
       $("#signup_form").show();
      });
      $("#login").click(function ()
      {
       $("#signup_form").hide();
       $("#login_form").show();
      });
          
          //function to check email_id in db using ajax
           $(#email_id).(function()
    {
     var email_id = $(this).val();
     $.ajax({
      url:"check.php",
      method:"POST",
      data:{email_id:email_id},
      dataType:"text",
      success:function(html)
      {
      $('#availability').html(html);
      }
     });
    });
     });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Function B: search email_id in db using ajax</p>
  
  <p>now my problem is when i call function A, function B also called together</p>