Make password textbox value visible when hover an icon

gistfile1.txt

#HTML
<div class="col-md-6">
    <input id="password-field" type="password" class="form-control" name="password" value="secret">
    <span toggle="#password-field" class="fa fa-lg fa-eye field-icon toggle-password"></span>
</div>


#CSS
.field-icon {
  float: right;
  margin-right: 8px;
  margin-top: -23px;
  position: relative;
  z-index: 2;
  cursor:pointer;
}

#JS
$(".toggle-password").click(function() {
   $(this).toggleClass("fa-eye fa-eye-slash");
   var input = $($(this).attr("toggle"));
   if (input.attr("type") == "password") {
     input.attr("type", "text");
   } else {
     input.attr("type", "password");
   }
});

https://codepen.io/Loginet/pen/oNeevMe