in plaats van een div, een id gebruiken

Hallo,
ik probeer een script te gebruiken om met dblclick een textarea te krijgen en dan je username te kunnen veranderen.
Ik heb alleen een probleempje, ik gebruiken de volgende codes en als ik dubbel klik op een div dat komt er wel een textarea, maar dat geld voor bij alle divs, ik wil alleen dat er een textarea komt als ik op <div id="username">web-stars</div> klik.
Is het berhaupt mogelijk om, als je enter in toets of als je ergens anders naast de div klikt, de nieuwe gebruikersnaam meteen in de database gezet wordt?

<script type="text/javascript">
function divClicked() {
var divHtml = $(this).html();
var editableText = $("<textarea />");
editableText.val(divHtml);
$(this).replaceWith(editableText);
editableText.focus();
// setup the blur event for this new textarea
editableText.blur(editableTextBlurred);
}

function editableTextBlurred() {
var html = $(this).val();
var viewableText = $("<div>");
viewableText.html(html);
$(this).replaceWith(viewableText);
// setup the click event for this new div
viewableText.dblclick(divClicked);
}

$(document).ready(function() {
$("div").dblclick(divClicked);
});
</script>

Fabian