Adding demo with optional markers and autoclear=false

Author: gburghardt

demo/index.html

@@ -16,7 +16,8 @@
         $("#eyescript").mask("~9.99 ~9.99 999");
         $("#po").mask("PO: aaa-999-***");
         $("#pct").mask("99%");
-        $("#phoneAutoclearFalse").mask("(999) 999-999-9999", { autoclear: false });
+        $("#phoneAutoclearFalse").mask("(999) 999-9999", { autoclear: false });
+        $("#phoneExtAutoclearFalse").mask("(999) 999-9999? x99999", { autoclear: false });
 
         $("input").blur(function() {
             $("#info").html("Unmasked value: " + $(this).mask());
@@ -39,7 +40,8 @@
 		<tr><td>Eye Script</td><td><input id="eyescript" type="text" tabindex="6"/></td><td>~9.99 ~9.99 999</td></tr>
 		<tr><td>Purchase Order</td><td><input id="po" type="text" tabindex="6"/></td><td>aaa-999-***</td></tr>
 		<tr><td>Percent</td><td><input id="pct" type="text" tabindex="6"/></td><td>99%</td></tr>
-		<tr><td>Phone (autoclear=false)</td><td><input id="phoneAutoclearFalse" type="text" tabindex="6"/></td><td>99%</td></tr>
+        <tr><td>Phone (autoclear=false)</td><td><input id="phoneAutoclearFalse" type="text" tabindex="6"/></td><td>(999) 999-9999</td></tr>
+		<tr><td>Phone + Ext (autoclear=false)</td><td><input id="phoneExtAutoclearFalse" type="text" tabindex="6"/></td><td>(999) 999-9999? x99999</td></tr>
 </table>
 <div id="info"></div>
 </body>