调整MemberPress注册表单字段顺序时出现字段重复问题求助

我现在碰到个头疼的小问题：想把MemberPress注册表单里的邮箱字段挪到最顶部（默认它是在用户名字段下面的），于是在子主题的functions.php文件里加了一段代码。结果呢，邮箱确实移到顶部了，但表单里居然出现了两个一模一样的邮箱字段，试了好几种办法都没搞定，来这儿求助大家！

我用的代码如下：

function mepr_reorder_fields() {
?>
<script>
(function($) {
    $(document).ready(function() {
        var email = $('.mepr_email');
        var firstname = $('.mepr_first_name');
        if(email.length) {
            email.insertBefore(firstname);  
        }
    });
})(jQuery);
</script>
 <?php
}
add_action( 'wp_head', 'mepr_reorder_fields' );

现在我的注册表单变成这样了，顶部直接有两个邮箱字段：

备注：内容来源于stack exchange，提问作者Arista Witty