1. //Place this plugin snippet into another file in your applicationb 
2. (function ($) { 
3.     $.toggleShowPassword = function (options) { 
4.         var settings = $.extend({ 
5.             field: "#password", 
6.             control: "#toggle_show_password", 
7.         }, options); 
8.  
9.         var control = $(settings.control); 
10.         var field = $(settings.field) 
11.  
12.         control.bind('click', function () { 
13.             if (control.is(':checked')) { 
14.                 field.attr('type', 'text'); 
15.             } else { 
16.                 field.attr('type', 'password'); 
17.             } 
18.         }) 
19.     }; 
20. }(jQuery)); 
21.  
22. //Here how to call above plugin from everywhere in your application document body 
23. $.toggleShowPassword({ 
24.     field: '#test1', 
25.     control: '#test2' 
26. }); 

html
 

1. Password: 
2. <input type="password" id="test1" value="a" /> 
3. <input id="test2" type="checkbox" />Show password