Ocultar y mostrar contraseña

index.html

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<div class="contrasena">
	<input type="password" id="contrasena">
	<i class="fa fa-eye" id="mostrar"></i>
</div>
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script>
	$(function($) {
		$('#mostrar').click(function() {
			if ($(this).hasClass('fa-eye')) {
				$('#contrasena').attr('type', 'text');
				$('#mostrar').attr('class', 'fa fa-eye-slash');
			} else {
				$('#contrasena').attr('type', 'password');
				$('#mostrar').attr('class', 'fa fa-eye');
			}
		})
	})
</script>