Javascript-форум - Как удалить один div

Нужно при клике на ссылку "удалить" очищать соответствующий DIV res1, 2 или 3
Сейчас при клике на ссылку "удалить" очищается родительский <div id="res">
Где ошибаюсь?

<div id="res">
<div id="res1">
23457.gif
&nbsp;&nbsp;<a href="" id="del1" class="bluetext">удалить</a>
<script type="text/javascript">$("#del1").click(function(){$("#res1").empty()})</script>
<input name="file[1]" type="hidden" value="a5ec89b6e3dcb3b83870d4a9bfbb2f1f.gif" class="uf">
</div>
<div id="res2">
26785.jpg
&nbsp;&nbsp;<a href="" id="del2" class="bluetext">удалить</a><script type="text/javascript">$("#del2").click(function(){$("#res2").empty()})</script>
<input name="file[2]" type="hidden" value="734d2f0c57c717467f20edc02050ba5e.jpg" class="uf">
</div>
<div id="res3">
fullhdwallpapers_866447.jpeg
&nbsp;&nbsp;<a href="" id="del3" class="bluetext">удалить</a>
<script type="text/javascript">$("#del3").click(function(){$("#res3").empty()})</script>
<input name="file[3]" type="hidden" value="f3a1c21003cde4c2b8ebec07ae8ffb46.jpeg" class="uf">
</div>
</div>