$(document).ready(function() {
  'use strict';

  var $pw_append = $('#user_password').next('.input-group-append');

  // password show/hide toggle
  $pw_append.click(function() {
    $(this).toggleClass('active');
    if ( $(this).hasClass('active') ) {
      $(this).prev().prop("type", "text");
      $(this).find('.input-group-text').html("🙈");
    } else {
      $(this).prev().prop("type", "password");
      $(this).find('.input-group-text').html("🙊");
    }
    $(this).prev().focus();
  });

  // styling
  $pw_append.css('cursor', 'pointer').prop('title', 'toggle me');
});

@@ -48,25 +48,102 @@
 %0A  var $
-pw_append
+bootstrap = $('#exampleInputPassword').next('.input-group-append');%0A  var $simple_form
  = $('#u
@@ -183,24 +183,75 @@
 -append');%0A%0A
+  var $pw_appends = $bootstrap.add($simple_form);%0A%0A
   // passwor
@@ -269,16 +269,16 @@
  toggle%0A
-
   $pw_ap
@@ -281,16 +281,17 @@
 w_append
+s
 .click(f
@@ -648,16 +648,17 @@
 w_append
+s
 .css('cu

use password toggle for bootstrap and simple_form form