关于.text的jQuery错误

$(document).ready(function() {
  $('.taskStatus').text(function(n, oldcontent) {
     if (oldcontent == "Done") return "<a href='blah.com'>Click Here</a>";
  });
}); 


<span id="taskStatus_34" class="taskStatus">Done</span>

为什么上面的代码会在我的网页上显示以下内容

截图如下:

浏览器:Chrome 6.0.472.55

编辑:使用mcgrailm的答案,我最终使用了以下代码:

$('.taskStatus').each(function() {
  if ($(this).text() == 'Done') $(this).html("<a href='blah.com'>Click Here</a>"); 
});