title: How to avoid automatic focus on first input field when popping a HTML form as a JQuery dialog?
body: <p>I have seen similar questions on SO, including <a href="https://stackoverflow.com/questions/1202079/prevent-jquery-ui-dialog-from-setting-focus-to-first-textbox">this one</a>, which is old. I read and followed links, but it is unclear whether there is a proper solution to this issue today.</p>
  
  <p>My bottom issue is that I am using HTML's <code>placeholder="..."</code> on the input fields. By focusing automatically on the first field, its placeholder is not visible to the user anymore.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Here is my HTML code:</p>
  
  <pre><code>&lt;div id='LOGIN_FORM' title="Login"&gt;
      &lt;form action=""&gt;
          &lt;input type="text" name="login_id" required="required"
                             placeholder="Enter user ID" /&gt;&lt;br /&gt;
          &lt;input type="password" name="login_pwd" required="required"
                             placeholder="Enter password" /&gt;&lt;br /&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is my JS code:</p>
  
  <pre><code>$("#login").click(function() { 
      $("#LOGIN_FORM").dialog({ modal: true }, { buttons: [
      {
              text: "Ok",
              click: function() { $(this).dialog("close"); }
          }
      ] });
  });
  </code></pre>