Select an element place after a element with Jquery : I have this HTML code:

    <input type="password" name="USR_NewPassword" class="form-control" maxlength="50" required>
    <span class="input-group-addon">
        <a href=""><i class="fa fa-eye"></i></a>
    </span>

Why this isn't working if I would like to select the `<i>` element if clicked ?

    $('input[name="USR_NewPassword"] span > a').on('click', function(event) {
       ...
    });