title: how to make jquery target an a class?
body: <p>i have created a btn with the help of some great developers on here. </p>
  
  <p>I Need to add some other functionality into it though. The problem occurs once i have several of the same btns, once clicked they all change, where as I only need the one to change..
  I realise I may need to add a (this ) statement in but unsure where. </p>
  
  <p>Would really appreciate it a helping hand on this, </p>
  
  <p>fiddle here. please update, </p>
  
  <p><a href="http://jsfiddle.net/X39QY/" rel="nofollow">http://jsfiddle.net/X39QY/</a></p>
  
  <pre><code>/*  FOLLOW BTN FUNCTIONS
  ===================================================================*/
  $('#follow-me-btn').mouseenter(function(){
      if($(this).hasClass('follow-btn1'))
      {
      $(this).css("background-color","#de2323");
      $('span.follow').text("unfollow");
      }
  
  });
  
  $('#follow-me-btn').mouseleave(function(){
      if($(this).hasClass('follow-btn1'))
      {
      $(this).addClass("follow-btn1");
      $(this).css("background-color","#3d9223");
      $('span.follow').text("following");
      }
  
  });
  
  $('#follow-me-btn').click(function(){
      if($(this).hasClass('follow-btn1'))
      {
      $(this).removeClass('follow-btn1');
      $(this).addClass('follow-btn');
      $(this).css("background-color","#bdbdbd");
      $('span.follow').text("follow");
      }
      else
      {
      $(this).addClass("follow-btn1");
      $(this).css("background-color","#3d9223");
      $('span.follow').text("following");
      }
  
  });
  </code></pre>