```
<input type="text" name="val1"/>
<input type="text" name="val2"/>

$('.beta-panel input').fadeOut(function(){
    $(this).remove();
    $('.beta-panel').append('<h1>Done</h1>');
});

```

I have the above code where when a button is clicked it runs a fade out and then appends and fades in a `done` tag. The problem is, when it fades and removes the inputs, it shows the same amount of `<h1>` tags as the inputs.