title: is Click event permanent in jquery
body: <p>You are asking what does permanent mean, I don't know either, it's just the most accurate to describe my situation.<br>
  I have this html button  : </p>
  
  <pre><code>&lt;button type="button" 
          class="btn btn-primary btn-lg" data-follow="follow" 
          data-target="52cd6196211b6fc26a8b456c"&gt;
  
        &lt;span class="glyphicon glyphicon-plus"&gt;&lt;/span&gt;  
        Follow
  &lt;/button&gt;
  </code></pre>
  
  <p>I added a click event as follows : </p>
  
  <pre><code> $("button[data-follow=follow]").click(function(e) {//scenario1});
  </code></pre>
  
  <p>in a given case , this code gets executed : </p>
  
  <pre><code> $("button[data-follow=follow]").attr("data-follow","unfollow");
  </code></pre>
  
  <p>and I have this listner : </p>
  
  <pre><code>$("button[data-follow=unfollow]").click(function(e) {//scenario2});
  </code></pre>
  
  <p>when I click on the button again it fires scenario1, when it should fire scenario2 ?</p>
  
  <p>Does anybody know anything about what's happening ? </p>