title: jQuery problem with selector
body: <p>I have a very strange problem. I am using jQuery to intercept a particular  tag click.</p>
  
  <p>I have:</p>
  
  <pre><code>&lt;a class="question"&gt;lorem ipsum&lt;/a&gt;
  &lt;a class="question_selected"&gt;lorem ipsum&lt;/a&gt;
  &lt;a class="question"&gt;lorem ipsum&lt;/a&gt;
  &lt;a class="question"&gt;lorem ipsum&lt;/a&gt;
  </code></pre>
  
  <p>And my jQuery is:</p>
  
  <pre><code>$("a.question").click(function(){.....});
  </code></pre>
  
  <p>It should intercept the <code>&lt;a&gt;</code> click where class="question" but it is also intercepting whenever I click <code>&lt;a class="question_selected"&gt;</code>.</p>
  
  <p>What can be the problem?</p>
  
  <p>EDIT:
  I am actually changing the classes on click. The  tag that I click should become "question_selected" and all other should be "question". Here is the jQuery: <code>$('a.question_selected').removeClass('question_selected').addClass('question'); $(this).addClass('question_selected').removeClass('question');</code></p>