title: JQuery Using toggleClass() inside a .click() of the same class doesn't seem to work
body: <p>So what I'm trying to do is sort of like the thumbs up/thumbs down voting system on youtube using jquery, implying that once a user has voted, both divs(images, doesn't matter what) will become unavailable for that specific post.</p>
  
  <p>So far, to do so, I use a .click() inside which a toggleClass() will change its own class, I can see that the class changes if I inspect the DOM, but why is the .click() still working on the new class ?</p>
  
  <pre><code>//TO BE CALLED WHEN USER CLICKS VOTE FORGIVENESS
  $('.voteUp').click(function() {
      var id = $(this).closest("article").attr("id");
  
      //Make it impossible to vote again
      $(this).toggleClass('voteUp votedUp');
      $(this).parent().find('.voteDown').toggleClass('voteDown votedDown');
  
  });
  </code></pre>
  
  <p>And my html (php)</p>
  
  <pre><code>        &lt;article class='yellowSheet' id='57'&gt;
              &lt;div class="title"&gt;
                  &lt;h1&gt;StuffUp says :&lt;/h1&gt;
                  &lt;p class="story"&gt;What happened ?&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="entryContent"&gt;
                  &lt;p&gt;guy, 2011-06-28 17:11:48&lt;/p&gt;
              &lt;/div&gt;
  
              &lt;div class="voting"&gt;
                  &lt;img class="voteUp" src="images/thumbsUp.png" /&gt;&lt;/div&gt;
                  &lt;img class="voteDown" src="images/thumbsDown.png" /&gt;&lt;/div&gt;
              &lt;div class="storyBottom"&gt;&lt;/div&gt;
  
          &lt;/article&gt;
  </code></pre>
  
  <p>What I don't understand is why after toggling class, I still can click on the new class-"votedDown" since that class doesn't have a .click method ?</p>
  
  <p>Thank You</p>