title: How to change link value from "Choose" to "Chosen"?
body: <p>Here is my input:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="choose" alt="554"&gt;Choose&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>How I can get the output after click the link "Choose" become "Chosen" and then back to "Choose" after click it once again?</p>
  
  <p>My expected Output:
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;a id="choose" alt="554"&gt;Choosen&lt;/a&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here is my Ajax: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>   $(function(){
     
       $('#choose').live('click',function(){
              var $this = $(this);
              var chapter_id = $this.attr('alt');
  
              if($this.hasClass('edu_level_active')){
                  del_chapter(chapter_id,$this);
              }else{
                  if($this.hasClass('disabled')){
                      return false;
                  }else{
                      ins_chapter(chapter_id,$this);
                  }
              }
  
          });
     
     }); 
  
    function ins_chapter(chapter_id,$this)
      {
          $.ajax({
              type      : 'post',
              url       : '/dashboard/choose/',
              data      : 'chapter_id:'+chapter_id,
              beforeSend: function(){
                  $this.addClass('edu_level_active');
              },error   : function(){
                  alert('error');
              }
          });
  
          return false;
      }</code></pre>
  </div>
  </div>
  </p>