how to get the unique items in jquery
<p>I have the html file like below:</p>

<pre><code>&lt;div id="ultreecurri" style="float:left;"&gt;
&lt;ul&gt;

&lt;li id="li1" class="popupul" style="text-align: left;"&gt;International&lt;/li&gt;
&lt;li id="li10" class="popupul" style="text-align: left;"&gt;Science&lt;/li&gt;
&lt;li id="li332" class="popupul" style="text-align: left;"&gt;Physics&lt;/li&gt;
&lt;li id="li2" class="popupul" style="text-align: left;"&gt;Africa&lt;/li&gt;
&lt;li id="li3" class="popupul" style="text-align: left;"&gt;Asia&lt;/li&gt;
&lt;li id="li5" class="popupul" style="text-align: left;"&gt;Caribbean&lt;/li&gt;
&lt;li id="li8" class="popupul" style="text-align: left;"&gt;North America&lt;/li&gt;
&lt;li id="li9" class="popupul" style="text-align: left;"&gt;South America&lt;/li&gt;
&lt;li id="li1" class="popupul" style="text-align: left;"&gt;International&lt;/li&gt;
&lt;li id="li10" class="popupul" style="text-align: left;"&gt; Science&lt;/li&gt;
&lt;li id="li332" class="popupul" style="text-align: left;"&gt;Physics&lt;/li&gt;
&lt;li id="li2" class="popupul" style="text-align: left;"&gt;Africa&lt;/li&gt;
&lt;li id="li3" class="popupul" style="text-align: left;"&gt;Asia&lt;/li&gt;
&lt;li id="li5" class="popupul" style="text-align: left;"&gt;Caribbean&lt;/li&gt;
&lt;li id="li8" class="popupul" style="text-align: left;"&gt;North America&lt;/li&gt;
&lt;li id="li9" class="popupul" style="text-align: left;"&gt;South America&lt;/li&gt;
 &lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>how can i get the unique text of li items according to their liids.</p>
