how to access in jquery parent parents class?
<p>I want on page load for the class of a li tag to be removed...</p>

<p>HTML:</p>

<pre><code>    &lt;ul class="NewsArchive"&gt;
               &lt;li class="off"&gt;
                    &lt;a href="#" class="year"&gt;T's Blog&lt;/a&gt;                
                        &lt;ul class="NewsMonths" style="display: block; "&gt;
                                   &lt;li class="off"&gt;
                                    &lt;a href="#" class="month"&gt;July 2011&lt;/a&gt;              
                                        &lt;ul class="BlogsArt" style="display: block; "&gt;
                                               &lt;li class="turnedon"&gt;
                                                   What's in a surname?
                                              &lt;/li&gt;
                                    &lt;/ul&gt;
                               &lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;li class="off"&gt;
                &lt;a href="#" class="year"&gt;Steve's Blogs&lt;/a&gt;                
                    &lt;ul class="NewsMonths"&gt;
                               &lt;li class="off"&gt;
                                &lt;a href="#" class="month"&gt;February 2012&lt;/a&gt;              
                                    &lt;ul class="BlogsArt"&gt;
                                            &lt;li&gt;
                                                A bright note
                                            &lt;/li&gt;
                                &lt;/ul&gt;
                          &lt;/li&gt;
                    &lt;/ul&gt;  
           &lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>what i want is for the li which has "turnedon" for its parent parent li class "off" to be rmoved. So the top off class. if that makes sense?</p>
