Change Type text <|> pass

****HTML:
<div class="input-group">
<input class="form-control" type="text" name="password" id="change-type"> 
<span class="input-group-addon viewpass">
<i class="fa fa-eye"></i>
</span> 
</div>

**** JS
$('.viewpass').on('click', function() { var type = $("input[name=password]").attr('type'); if(type == "password"){ document.getElementById("change-type").type="text"; }else{ document.getElementById("change-type").type="password"; } });