cross-browser solution for changing content of last li element
<p>I have following un-ordered list structure</p>

<pre><code>&lt;ul&gt;
  &lt;li&gt;Coffee&lt;/li&gt;
  &lt;li&gt;Tea&lt;/li&gt;
  &lt;li&gt;Milk&lt;/li&gt;
&lt;/ul&gt;
</code></pre>

<p>Now, I need to replace Milk with Buttermilk, How can I do it, using jQuery ofcourse?
I need solution, which works on every browser, starting with IE7+</p>
