jquery-show-password-toggle

gistfile1.js

// Sample
// http://aaronsaray.com/blog/2010/10/19/jquery-show-password-toggle/

// HTML
// <input type="password" name="password" id="password" class="showpassword" />
// <input type="password" name="password_confirmation" id="password_confirmation" class="showpassword" />
// <input type="checkbox" value="1" name="show_password" id="show_password">

// js
$(function(){
  $(".showpassword").each(function(index,input) {
    var $input = $(input);
    $("#show_password").click(function() {
      var change = $(this).is(":checked") ? "text" : "password";
      var rep = $("<input type='" + change + "' />")
        .attr("id", $input.attr("id"))
        .attr("name", $input.attr("name"))
        .attr('class', $input.attr('class'))
        .attr('size', $input.attr('size'))
        .val($input.val())
        .insertBefore($input);
      $input.remove();
      $input = rep;
    })
  });
});