title: Jquery text when start typing inside textbox
body: <p>I want when I Start typing in textbox then the <code>Forgot</code> text replace it to <code>View</code> to user can view what password he typing and if password textbox is blank then it show default text as <code>Forgot</code>. If show <code>View</code> and use click <code>View</code> link then show text in textbox or <code>View</code> replace in <code>Hide</code> and if click <code>Hide</code> then textbox text become password format.I am not familiar with jquery please any wanna help us how I make it.</p>
  
  <p>My code is below: </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code> &lt;div class="input_field"&gt;
                          &lt;span&gt;&lt;i class="fa fa-lock" aria-hidden="true"&gt;&lt;/i&gt;&lt;/span&gt;
                         &lt;input type="password" class="password" id="password" name="password" placeholder="Password" maxlength="30" minlength="8" autocomplete="new-password"/&gt;&lt;a class="hyperlink link" href="forgot.com" id="link" style="float: right; margin-right: 5px;position: absolute;top: 7px;right: 0px;" title="I forgotten my password" &gt;Forgot?&lt;/a&gt;&lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>