I have a problem with Javascript: it fires two events simultaneously for a DropZone ---- Part 2

Question

AgaveJoe - you answered this question but when I read it, I clicked on something and the answer

completely disappeared!!! Its gone. Poof!!

What the what?

Can you send the answer again - it had something to do with stopping propagation.

Answer 1

<div id="outerElement">
    <input type="file" name="myname1" class="dz_input1" id="input1" />
    <div class="overlay">
        <a href="#" class="icon" title="Remove Picture" onclick="RemovePicture(event)">
            <i class="fa fa-user"></i>
        </a>
    </div>
</div>

@section scripts {
<script>
    $('#outerElement').click(function () {
        console.log('outerElement click event fired')
    });


    function RemovePicture(event) {
        event.stopPropagation();
        console.log('RemovePicture click event fired');
    }
</script>
}