title: Jquery disable autocomplete in input
body: <p>I have this code:</p>
  
  <p>The html:</p>
  
  <pre><code>&lt;input id="register_username" type="text"&gt;
  &lt;input id="register_password" type="text"&gt;
  &lt;input id="register_repeatpassword" type="text"&gt;
  &lt;input id="register_email" type="text"&gt;
  </code></pre>
  
  <p>The Jquery:</p>
  
  <pre><code>$(document).ready(function(){
      $('#register_username').attr('autocomplete','off');
      $('#register_password').attr('autocomplete','off');
      $('#register_repeatpassword').attr('autocomplete','off');
      $('#register_email').attr('autocomplete','off');
      });
  </code></pre>
  
  <p>I want to disable the autocomplete feature offred by some browsers and acctually make the user type the entire field but the code is not working the dropdown menu still appear and the user still able to choose stuff the typed before. I also tried to user <code>autocomplete="off"</code> but nothing happened. What am I doing wrong here ?</p>