Jquery委托事件只工作一次

Question

我有一个喜欢的按钮（不是脸谱版）我试图使用委托将文本的更改绑定到喜欢的内容，而不像每当用户点击“喜欢”按钮但它只是第一次工作时。即当用户点击时它会改变为不同但是如果他点击不喜欢它不会改变为喜欢。

$(document).delegate(".like","click", function(){  
  var post = this.id;
  $.ajax({
    type: "POST",
    url: "<? echo base_url() ?>ajax/like",
    data: {user_id:"<? echo $this->dx_auth->get_user_id();?>" ,post_id: post },
    cache: false,
    success: function(result) {
      $(result).html("Unlike");
      $(result).removeClass("like");
      $(result).addClass("unlike");

    }
  });   
});
  $(document).delegate(".unlike","click", function(){       
  var post = this.id;
  $.ajax({
    type: "POST",
    url: "<? echo base_url() ?>ajax/unlike",
    data: {user_id:"<? echo $this->dx_auth->get_user_id();?>" ,post_id: post },
    cache: false,
    success: function(result) {
      $(result).html("Like");
      $(result).removeClass("unlike");
      $(result).addClass("like");

    }
  });

以下是按钮的代码：

 <?if($post->liked != NULL){?>
      <a href="#" class="unlike" id="unlike-<?=$post->pid?>">Unlike</a>
      <?} else { ?> 
      <a href="#" class="like" id="like-<?=$post->pid?  >">Like</a> 
 <? } ?>