title: removeClass change not reflected on page
body: <p>I am attempting to remove a CSS class from a particular DIV on-the-fly. I have the following jQuery code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $(document).ready(function() {
          $('.intro').click(function() {
              $('.row_2').removeClass('.last_row');
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>..with the following HTML</p>
  
  <pre><code>&lt;div class="row_1 intro"&gt;Intro Row 1&lt;/div&gt;
  &lt;div class"row_1 detail"&gt;Detail Row 1&lt;/div&gt;
  &lt;div class="row_2 intro last_row"&gt;Intro Row 2&lt;/div&gt;
  &lt;div class="row_2 detail last_row"&gt;Detail Row 2&lt;/div&gt;
  </code></pre>
  
  <p>Conceptually, when the user clicks any of the <code>intro</code> DIVs it should remove the <code>last_row</code> class from the <code>row_2</code> DIVs. However, it doesn't seem to be working as the CSS styling applied to <code>last_row</code> on the rendered page is not removed from the <code>row_2</code> DIVs once the user clicks on the <code>intro</code> DIV.</p>
  
  <p>Is this a problem with the jQuery code, or is there something else I need to do so that the relevant DIVs on the rendered page will update on-the-fly in response to the <code>last_row</code> class being removed?</p>
  
  <p>Thanks in advance for any help!</p>