title: JQuery Class Selector still firing after removeClass
body: <p>I am creating a little voting mechanism that sends a quick database timestamp through AJAX.</p>
  
  <p>A series of buttons with the class "vote" are the triggers to vote, while there is text below to show how many "votes" are for that particular item.</p>
  
  <p>After I run the AJAX method from the click event, I remove the "vote" class such that there cannot be more than one from that item. However my problem is that even with the class removed the trigger can still fire and increment as many votes.</p>
  
  <p>Here is the HTML of the element:</p>
  
  <pre><code>        &lt;div class="points"&gt;
          &lt;img class="vote" src="images/up.gif" alt="'.$idea['id'].'"&gt;
          &lt;p class="vote-'.$idea['id'].'"&gt;'.$points.' Points&lt;/p&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here's the jQuery Call:</p>
  
  <pre><code>    $('.vote').click(function(){
          var iID = $(this).attr('alt');
          var typeString = "id="+iID;
          $.ajax({
              type: "POST",
              url:"vote.php",
              data: typeString,
              success: function (txt){
                  $('.vote-'+iID).html('&lt;p&gt;'+txt+' Points&lt;/p&gt;');
              }
          }); 
          $(this).attr('src', 'images/voted.gif');
          $(this).removeClass('vote');
      });
  </code></pre>