bulma input field with right icon : how to bind jquery event

Question

Having an input type=password field made with bulma with an additional icon on the right, i want to bind an onclick event with jquery to this icon, to toggle the visibility of the password. it does not react this way.. every hint is welcome, thanks

    <div class="field">
        <p class="control has-icons-left has-icons-right">
            <input id="form_password" class="input" type="password" placeholder="Password">
            <span class="icon is-small is-left">
                <i class="fa fa-lock"></i>
            </span>
            <span id="btn_toggle" class="icon is-small is-right">
                <i class="fa fa-eye"></i>
            </span>
        </p>
    </div>

<script>

    $('#btn_toggle').bind("click", function() {
        alert('btn clicked');
    });
</script>

Answer 1

Ok, i found the answer by myself. It's the icon class in bulma.

<span id="btn_toggle" class="icon is-small is-right" style="pointer-events: all; cursor: pointer">
    <i class="fa fa-eye"></i>
</span>

now it works..