如何在页面上显示两次时，没有任何唯一标识符的目标特定的html

下面是我的代码:

<div id="authorarea">
<img alt="" src="#" height="70" width="70">
<p class="written">
    Written by: <a href="http://www.revitalagency.com/author/admin/" title="Steven Stamkos" rel="author">Steven Stamkos</a>
</p>
<div class="authorinfo">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

<div id="authorarea">
<img alt="" src="#" height="70" width="70">
<p class="written">
    Written by: <a href="http://www.revitalagency.com/author/admin/" title="Nikita Kucherov" rel="author">Nikita Kucherov</a>
</p>
<div class="authorinfo">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>

唯一的区别是"title"和a标签内的内容。

我试图做这样的事情，但我没有正确抓取标题:

if ($('#authorarea .written a').attr('title', 'Steven Stamkos')) {
$('#authorarea .authorinfo').append('<div>test</div>');
} else if ($('#authorarea .written a').attr('title', 'Nikita Kucherov')) {
$('#authorarea .authorinfo').append('<div>test2</div>');
}

所以我正在寻找关于如何正确定位标题或标签内部内容的建议。任何帮助都是非常感谢的，我希望我解释了我正在努力做的事情。