So I'm using .load() to load a view into an element - and when I'm done with it I do an .innerHTML = '' to get rid of it.

But if I do it more than once (i.e. close and open the element) - the form is definitely gone in between and reloaded, but when I submit it submits duplicates.

Here is the code:

```
 $('a.comments').click(function(e){
            e.preventDefault();
            // $('.overlaybackground').addClass('open');
            Component.Overlay.toggleOverlay();
            $('#commentcontainer').load($(this).attr('href'), function(){
                Component.Forms.init(page, {});
            });
        });

        $('.overlaybackground').click(function(e){
            if(e.target.className == 'overlaybackground open'){
                 e.preventDefault();
                Component.Overlay.toggleOverlay();
            // $('.overlaybackground').remove('*:not(#commentcontainer)');
            document.getElementById('commentcontainer').innerHTML = '';
        }
        });

```