title: browser (chrome, firefox) jquery .val() does not work for autofilled input fields (username, password)
body: <p>This code is executed to enable a login button only if the length isn't 0 and username and password isn't empty and so on. this works fine. But if i save my login credentials in my browser and i visit the website and see that the fields are prefilled the .val() functions seems not to return a value. if i hit any key the login button is enabled. So the function "Initialize state of login button" seems not to work. Are pre filled fields visible for jquery? </p>
  
  <p>hope you understand me ^^ 
  thank you!</p>
  
  <pre><code>    ready: function() {
          var view = this;
           //setup subViews
          view.setupSubs();
           //Initialize state of login button
          view.onKey();
      },
      "onKey": function(event) {
          var view = this,
              nickname = view.$('#nickname').val(),
              password = view.$('#password').val();
  
          if (!nickname || !password || nickname.length === 0 || password.length &lt; 8) {
              view.$(':submit').attr('disabled', 'disabled');
          } else {
              view.$(':submit').removeAttr('disabled');
          }
      },
  </code></pre>