Input Password Type Toggle

gistfile1.html

<div class="input-group">
    <input class="form-control" id="id_password" name="password" required="required" type="password" value="" />
    <label class="input-group-addon" for="id_password" id="id_password_toggle">
         <i class="fa fa-eye-slash"></i>
    </label>
</div>
<script>
jQuery(function($) {
    var input = $("#id_password");
    $("#id_password_toggle").on("mousedown", function() {
        input.attr("type", "text");
        $(".fa", this).attr("class", "fa fa-eye");
    }).on("mouseup mouseleave", function() {
        input.attr("type", "password");
        $(".fa", this).attr("class", "fa fa-eye-slash");
    }).attr("unselectable", "on").css("user-select", "none").on("selectstart", false);
});
</script>