JQuery .Parent()
<p>Ok here is my HTML (One row of about 20)</p>

<pre><code>&lt;tr class="post-unauth message-unread"&gt;
  &lt;td&gt;
    &lt;input class="check-read" type="checkbox" checked="checked" value="68"/&gt;
  &lt;/td&gt;
  &lt;td class="message-description" title="Post Title"&gt;
  &lt;/td&gt;
  &lt;td class="message-author"&gt;Name&lt;/td&gt;
  &lt;td class="message-dates"&gt;3 hours ago&lt;/td&gt;
  &lt;td class="message-commentcount" title="0 comment(s)"&gt;
  &lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>Now when the checkbox is clicked I need to change the class of the parent </p>

<pre><code>$('.check-read').click(function() {
         $(this).parent().parent().removeClass('message-unread').addClass('message-read');
});
</code></pre>

<p>I'm missing somthing obvious I think as this doesnt work (Doesnt error) but nothing changes.</p>

<p>I even tried setting the CSS background color and no change to the HTML.</p>

<p>Any suggestions?</p>
