title: Issue with iPhone Keyboard Next and Input Field Focus
body: <p>I am building a little registration page that is going to be accessed via an iPad at a sales office as a kiosk. When I first received the page from the web design company I noticed that the way they set it up was the labels of the input fields appear inside the field (like a watermark). The watermark is cleared out once you focus on the field and then restored if there is no value when you blur off the field. </p>
  
  <p>I noticed that they had a couple password fields in the page that was showing the words PASSWORD and RETYPE PASSWORD in them. I don't want people's password exposed in the Sales Office, however changing the fields to type password means that the watermark labels become masked. </p>
  
  <p>Since they were using jQuery to do the watermark in the input fields, I found another jQuery solution that would swap out the TEXT input field for a PASSWORD input field on focus. When I tested it on my PC in Safari it worked like a charm. However when I was testing the page with my <strong>iPhone</strong> I noticed that the <strong>jQuery</strong> field swap on <strong>focus</strong> only works if I click on the field with my finger. If I am using the <strong>on screen keyboard</strong> and clicking <strong>NEXT</strong> to get the field, then the field doesn't get swapped and the on screen keyboard goes away. I have to physically click the field to get the swap to fire. Is there some other even that I can use to trigger the swap instead of focus?</p>
  
  <pre><code>$('#txtRetypePassword-clear').focus(function() {
      $('#txtRetypePassword-clear').hide();
      $('#txtRetypePassword-password').show();
      $('#txtRetypePassword-password').focus();
  });</code></pre>