如何在元素之后选择元素位置？

Question

我有以下 HTML 代码。如果我想<a>在单击时选择元素，为什么这不起作用？

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

  alert()

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<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>