$(function() {
  $('#person_password_confirmation').closest('.form_row').hide();
  var typing_controls = '<div class="typing_controls">' +
                        '<a href="#" id="show_typing">show typing</a>' +
                        '<a href="#" id="hide_typing" style="display:none">Hide Typing</a>' +
                        '</div>'
  $('#person_password').after(typing_controls);
  $('#show_typing').click(function() {
    var val = $('#person_password').val();
    $('#person_password').remove()
    $('#person_password_label').after(
      '<input id="person_password" maxlength="40" name="person[password]" value="' + val + '" />'
    )
    $(this).hide();
    $('#hide_typing').show();
    return false;
  })
  $('#hide_typing').click(function() {
    var val = $('#person_password').val();
    $('#person_password').remove()
    $('#person_password_label').after(
      '<input id="person_password" maxlength="40" name="person[password]" type="password" value="' + val + '" />'
    )
    $(this).hide();
    $('#show_typing').show();
    return false;
  })
  $('form#new_person').submit(function(){
    $('#person_password_confirmation').val(
      $('#person_password').val()
    );
  })
});