从当前单击的元素进入下一个元素不起作用

Question

我有这个简单的链接结构（参见下文）

<a href="#" class="bxxa">link 1</a>
<div class="errors"></div>
<a href="#" class="bxxa">link 2</a>
<div class="errors"></div>

和jquery脚本（参见下文）

$(document).ready(function(){
    $('.bxxa').click(function(){
        $('.errors').hide();
        $(this).next('.errors').show();
        $(this).next('.errors').html('<a href="#">column name itemname from row 2</a>');
    });
});

从上面的代码可以看出，如果单击其中一个链接（.bxxa），它将首先隐藏所有.errors div，然后显示当前单击的.erxx旁边的.errors div .bxxa链接，然后在其中添加添加HTML，但遗憾的是没有工作，为什么？任何想法，线索，建议，建议，帮助将不胜感激。谢谢。