javascript - Jquery 内联密码字段

Question

我正在编写一个函数来将具有某个类的所有字段初始化为内联标签。我有密码字段显示 * 而不是字符的明显问题。我几乎已经克服了这个问题，除了某个地方。当我在用户名和密码之间切换时，我存储的要在模糊或焦点上替换的值会丢失。这是我到目前为止创建的代码。它是在文档就绪时调用的函数的一部分。

$('.inlineLabel').focus(function() {
    if ($(this).attr("initial") === undefined) {
        $(this).attr("initial",$(this).val());
    }
    if ($(this).val() === $(this).attr("initial")) {
        $(this).val("");
    }
}).blur(function() {
    if ($(this).val() === "") {
        $(this).val($(this).attr("initial"));
    }
});

var passwordElement = $('input#password').clone(true);

var label = $("<input type='text' />").attr({
    id: 'label',
    name: passwordElement.name,
    value: 'Password' });
passwordElement.blur(function() {
    $('input#password').replaceWith(label);
});

$(this).replaceWith(label);



label.focus(function() {
    $(this).replaceWith(passwordElement);
    console.log(passwordElement);
    $('input#password').focus();
});