title: why jquery removeClass to button still work well after ajax?
body: <p>my html</p>
  
  <pre><code>&lt;span class="input-group-text"&gt;    
    &lt;button type="button" class="btn btn-outline-danger btn-sm owner_button owner_check" name="owner_check" &gt;
      &lt;i class="far fa-check-circle"&gt;&lt;/i&gt;
    &lt;/button&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>my javascript</p>
  
  <pre><code>$(".owner_check").click(function(e){
    e.preventDefault(); 
    $.ajax({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      },
      success: function($get) {
        $('.owner_button').removeClass('owner_check');
      }
    }
  </code></pre>
  
  <p>when I click the button once, shows the class owner_check is disappear on html code,but I still can click the button again. why? I want to disable the button  function but not get success.</p>
  
  <p>And how can I write a button to reset the click function again?
  if I use</p>
  
  <pre><code>$('owner_check).on('click',function(e){
  
       $.ajax({
          headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          success: function($get) {
            $('.owner_check').off('click');
          }
        }
  })
  
  $('.reset_button').on('click',fucntion(e){
     $('owner_check').on('click',function(e){
     /* write long ajax code again??   */
     })
  })
  </code></pre>