title: Why won't this form prompt the browser to offer to save password?
body: <p>I have the following form which is placed on the page through AJAX (jQuery AJAX if that helps):</p>
  
  <pre><code>        &lt;div id="login"&gt;
              &lt;iframe src="/api/core/authSystem/authUser.php" id="temp" name="temp" style="display:none"&gt;&lt;/iframe&gt;
              &lt;form id="loginForm" target="temp" onSubmit="App.Auth.login(); return false;"&gt;
                  Email: &lt;input type="text" name="email" id="email" onkeydown='if(event.keyCode == 13){ this.submit; }' /&gt;&lt;br /&gt;
                  Password: &lt;input type="password" name="password" id="password" onkeydown='if(event.keyCode == 13){ this.submit; }' /&gt;&lt;br /&gt;
                  &lt;div class="errorMsg" id="loginError"&gt;&lt;/div&gt;
                  &lt;div class="loginHelp l"&gt;&lt;a href="#"&gt;Cant access your account?&lt;/a&gt;&lt;/div&gt;
                  &lt;input class="button rounded r" type="submit" id="loginButton" value="Log In" /&gt;
              &lt;/form&gt;
          &lt;/div&gt;
  </code></pre>
  
  <p>Following the suggestions made in <a href="https://stackoverflow.com/questions/2382329/how-can-i-get-browser-to-prompt-to-save-password">This Question</a> I added the iframe and am targeting that. However, browsers still will not prompt users to save the password. Any idea why?</p>
  
  <p><strong>EDIT:</strong> I have just noticed that Firefox will ask to save the password, but will not actually place it into the form once you return to the login page.</p>