title: Failed to load resource: the server responded with a status of 421 (Bad Request)
body: <p>I am using Apple's new CloudKit JS reference and sample code to build a simple CRUD app. Before I can even get to CRUD however I am being stopped by Apple authentication. </p>
  
  <pre><code>index.html
  &lt;html&gt;
  &lt;body&gt;
  
  &lt;div id="apple-sign-in-button"&gt;Sign in
         &lt;span id="username"&gt;&lt;/span&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
      /*
       * Initialize the global objects we will need.
       */
      if(typeof CKCatalog === 'undefined') {
          CKCatalog = {};
      }
  
      if(typeof CKCatalog.tabs === 'undefined') {
          CKCatalog.tabs = {
              'readme': [{}],
              'not-found': [{}]
          };
      }
  &lt;/script&gt;
  
  &lt;script src="js/init.js"&gt;&lt;/script&gt;
  &lt;script src="js/cloudkit-code-samples/authentication.js"&gt;&lt;/script&gt;
  &lt;script&gt;
      window.addEventListener('cloudkitloaded',CKCatalog.init);
  &lt;/script&gt;
  &lt;script async src="https://cdn.apple-cloudkit.com/ck/1/cloudkit.js"&gt;    &lt;/script&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>Including div id="apple-sign-in-button" and span id="username" got rid of all errors except: </p>
  
  <p>Failed to load resource: the server responded with a status of 421 (Bad Request). </p>
  
  <p>Any mention of this error anywhere else usually has it tied to SMTP or FTP. Any idea what is going on? </p>