Как создать HTML для функции "показать пароль"?

Возможный дубликат:
Тип изменения ввода JQuery

Демо здесь:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


<input type="password" name="password" />
<button>Show Password</button>

$(document).ready(function() {
  $('button').click(function() {
    $('input').attr('type', 'text');
  });
});

Я пытаюсь создать кнопку (или флажок), чтобы пользователи могли переключаться, чтобы увидеть их пароль, написанный простым текстом.

Это в основном для портативных устройств, где печатать пароли - это боль, а просмотр в виде простого текста при написании - улучшение UX.

В моем примере выше изменение типа ввода не работает.

Любые предложения по решению этой проблемы?

Ответ 1