<li> OnClick event problem

Jag har en sida med liknande följande kod

<li id="test1" onClick="alert('test1');">test1 (1)</li>
<ul>
  <li id="test2" onClick="alert('test2');">test2</li>
</ul>
<li id="test1" onClick="alert('test1');">test1 (2)</li>
<ul>
  <li id="test2" onClick="alert('test2');">test2</li>
</ul>

Jag vet att id används felaktigt men det är en befintlig lösning som jag inte har tid att åtgärda

Problemet är att när man trycker på en test 2 länk kommer alerten upp även för test1 li, vilket inte var tanken.

Någon som har en bra idé på hur man skall göra?
Jag kan inte göra en länk för det ligger även ett onChange event på li som måste gå av när man trycker

alltså...??

du har ju en list-item som ligger utanför listan...

ok... missade...
givetvis ser det ut på följande sätt :)

<ul>
<li id="test1" onClick="alert('test1');">test1 (1)</li>
<ul>
  <li id="test2" onClick="alert('test2');">test2</li>
</ul>
<li id="test1" onClick="alert('test1');">test1 (2)</li>
<ul>
  <li id="test2" onClick="alert('test2');">test2</li>
</ul>
</ul>

Det ser inte heller riktigt rätt ut... antingen vill du ha det såhär:

<ul>
 <li id="test1" onclick="alert('test1');">test1 (1)</li>
 <li id="test2" onclick="alert('test2');">test2</li>
 <li id="test3" onclick="alert('test1');">test1 (2)</li>
 <li id="test4" onclick="alert('test2');">test2</li>
</ul>

Eller såhär:

<ul>
 <li id="test1" onclick="alert('test1');">
  test1 (1)
  <ul>
   <li id="test2" onclick="alert('test2');">test2</li>
   <li id="test3" onclick="alert('test1');">test1 (2)</li>
   <li id="test4" onclick="alert('test2');">test2</li>
  </ul>
 </li>
</ul>

Eller så vet jag inte alls hur du menar...

(Notera också att du inte får ha samma ID på flera element.)