fix markup in example

Author: keithamus

examples/index.html

@@ -19,8 +19,8 @@ <h2>Simple form</h2>
 
         <label for="simple-field">Desired username*:</label>
         <auto-check csrf="foo" src="/demo" required>
-          <input id="simple-field" autofocus name="foo" required aria-describedy="state1"/>
-          <code id="state1" aria-atomic="true" aria-live="polite" class="state"></code>
+          <input id="simple-field" autofocus name="foo" required aria-describedby="state1" />
+          <p id="state1" aria-atomic="true" aria-live="polite" class="state"></p>
         </auto-check>
         <button value="1" name="form">submit</button>
       </form>
@@ -33,8 +33,8 @@ <h2>Form that has custom validity messages</h2>
 
         <label for="custom-field">Desired username*:</label>
         <auto-check csrf="foo" src="/demo" required>
-          <input id="custom-field" autofocus class="json" name="foo" required aria-describedby="state2"/>
-          <code id="state2" aria-atomic="true" aria-live="polite" class="state"></code>
+          <input id="custom-field" autofocus class="json" name="foo" required aria-describedby="state2" />
+          <p id="state2" aria-atomic="true" aria-live="polite" class="state"></p>
         </auto-check>
         <button value="2" name="form">submit</button>
       </form>