title: Use of this in javascript/Jquery
body: <p>I have an anchor tag as below :</p>
  
  <pre><code>&lt;a  href='#' class='control_next_photo'&gt;&gt;&lt;/a&gt;
  </code></pre>
  
  <p>I have set an event on click of the above anchor as follows:</p>
  
  <pre><code> $('a.control_prev_photo').click(function () {
      moveLeft();
      return false;
    });
  </code></pre>
  
  <p>Below is the moveLeft function.</p>
  
  <pre><code> function moveLeft() {
      $('#post-text-slider ul').animate({
          left: + slideWidth
      }, 200, function () {
          $('#post-text-slider ul li:last-child').prependTo('#post-text-slider ul');
          $('#post-text-slider ul').css('left', '');
      });
  };
  </code></pre>
  
  <p>Now my concerns is that the above is working perfectly when there is only one "post-text-slider" DIV inside which we have an anchor tag. when a user is clicking on the anchor tag the moveLeft() is getting called which in turn moving the slide to left.</p>
  
  <p>But actually, I have several "post-text-slider" DIVs inside which have their own anchor tag. Now in that case if a user clicks on the anchor tag, it will trigger the moveLeft() for all the "post-text-slider" which is not desirable. </p>
  
  <p>Can someone please assist me with the solution for this.</p>