Borrar campos DIV dependiendo si esta oculto

[davchi]

Hola

Con jquery muestro y oculto 2 filas.

Código HTML:

<script type="text/javascript">
$(document).ready(function(){
    $("#click1").click(function(){
        $("#capa1").show("slow");
        $("#capa2").hide("slow");
    });

    $("#click2").click(function(){
         $("#capa1").hide("slow");
        $("#capa2").show("slow");
    });
});
</script>

<table>
<tr>
<td><a href="javascript:void(0)" id="click1"> ver 1</a>  |  <a href="javascript:void(0)" id="click2"> ver 2</a></td>
 </tr>
</table>

<div id="capa1" style="display:none">
<table>
<tr>
<td>Nombre <input name="nombre" type="text" id="nombre" size="20" /></td>
 </tr>
<tr>
<td>Apellido <input name="apellido" type="text" id="apellido" size="20" /></td>
 </tr>
</table>
</div>

<div id="capa2" style="display:none">
<table>
<tr>
<td>Nombre <input name="nombre" type="text" id="nombre" size="20" /></td>
 </tr>
<tr>
<td>Apellido <input name="apellido" type="text" id="apellido" size="20" /></td>
 </tr>
</table>
</div> 

Lo que necesito es que si tengo el DIV1 mostrando, se borren los datos del DIV2, si es que habia escrito algo.

Osea, que dependiendo de que DIV este mostrando se borre el oculto si habia escrito

Muchas Gracias