title: How to remove click event on "this" object in jQuery
body: <p>My <code>DOM</code> structure is as follows,</p>
  
  <pre><code>&lt;a id='c_1' class='like'&gt;Like&lt;/a&gt;
  &lt;a id='c_2' class='like'&gt;Like&lt;/a&gt;
  &lt;a id='c_3' class='like'&gt;Like&lt;/a&gt;
  ......
  </code></pre>
  
  <p>Binding <code>click</code> event as follows,</p>
  
  <pre><code>$(document).on("click",".like",function(){
        var selector = $(this);
        saveLikes(selector);       
  });
  </code></pre>
  
  <p><code>saveLikes(selector)</code> have <code>Ajax</code> call,on <code>success</code> of <code>Ajax</code> call I want to remove/unbind <code>click</code> event on currently clicked element for that I've written following code in <code>success</code> callback.</p>
  
  <pre><code>$(document).off("click",selector);
  </code></pre>
  
  <p>It's not working and I'm able to remove <code>click</code> event by  <code>$(document).off("click",".like");</code> but I don't want this because further clicks on other elements will not fire the event.</p>
  
  <p><em><strong>Is their any solution to remove event on current element only that too without changing class name ?</em></strong></p>