loop through li elements up the dom
<p>I have li elements</p>

<pre><code>&lt;ul class=""&gt;

        &lt;li class="current-rating" id="current-rating" style="width: 0px"&gt;&lt;/li&gt;

        &lt;li&gt;&lt;a href="#" title="1 star out of 5" class="one-star star star-rating stars-1"&gt;1&lt;/a&gt;&lt;/li&gt;

        &lt;li&gt;&lt;a href="#" title="2 star out of 5" class="two-stars star star-rating stars-1"&gt;2&lt;/a&gt;&lt;/li&gt;

        &lt;li&gt;&lt;a href="#" title="3 star out of 5" class="three-stars star star-rating stars-1"&gt;3&lt;/a&gt;&lt;/li&gt;

        &lt;li&gt;&lt;a href="#" title="4 star out of 5" class="four-stars star star-rating stars-1"&gt;4&lt;/a&gt;&lt;/li&gt;

        &lt;li&gt;&lt;a href="#" title="5 star out of 5" class="five-stars star star-rating stars-1"&gt;5&lt;/a&gt;&lt;/li&gt;

   &lt;/ul&gt;
</code></pre>

<p>When I mouse over say 3 how can i get all the elements up the dom? ie when i click or mouse over 3rd li i want 3 li's. when i mouse over 5th i have all 5. I am not sure how can i traverse up the dom i tried using parent() and parents() but didnt work.</p>
