À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Úžt˜Ú¹“Ä‹.³5[ºoÜ3žóFè€znƒFú@^‡eÏU%+‰Ëæ‚»‘eÕØ,üOn+‚dØ ŠÉh¹×•'2¹ü)”rOØ_2aYÁ;ô;:h<·ìC®ÙÙJ¹ ôÕŒÆe· P7²¢0Ö,¾ ?™Z’½³<5cƒ60ßi´X‡(Æl¢gltÁ9	fž¶NŸNj˜Þ•NÙè&O ¡™’àíYÜ…LP‰‡Ö7Ði±'ÛïdÈàðÚ³.ä¥ùŸ×+qý2]aìo¦¶·ñºváõw¼ëE~]Œê>§ò! Öfíe¼Mý±¤9µ–ÛÜ‹uÝ)p,û£¢ ]É®ödØ×;ŸbÂ`U˜®$=»b§ôŒÆc¤¥ìk+Ë•­uóÕðÂšoU†ME¨òVä* „@Ž½kÅfžô:§:HÚ=?¼ÔÈ Ìé5B"T™…F(Ê¶•^#ä>¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹Håi¬ ù"VjÛˆ
µÇ~WRÊ¶G,;Z0XêË'Ä{ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1Šß¿«MÕÝ$•I¼#GôPæ9÷<îB5Â_õ±÷Î~ü†öoåjDÞQÝe£#C¬ƒ>8àâF‚P©(ö“"d¬=¿=ça’~æ¨v°K&& mmc°/÷ï(1–!'‘B=ýc_K´¾þÍ*üMöšü+_¢E' /=P¹ò–ve‘®¶ƒÈŒ1m‡åõnZxìREŸ`íÒ´Øp²zŠ&‘ä+©·õ†Œ13Û	Ñ/£«â;óŸ+á#I¿Jœ™¢™í|ç¿c«uK¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹Hå¥SÎmnu*dànZP(tB¦gÔ§ ¥#(1¦a{Vn‰™¢™í|ç¿c«uK¢qQI^ZöNAsÝÉq‡ØÃÉ¾¥:3u`Ú{:Š›Wl¥Û žnç+{‹Håýh«P„úö83–”žÐfRÊ¶G,;Z0XêË'Ä{ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1ŠßhÑÐˆï¶”p«êÑ67mè=
ÁYjx, Š‰¦ZøÔeI¤»„…°ê¤}L°Eâ…a¶áˆ^÷¶=éžóe¾\œ%
pØ@•°Iá#•—£{–wc,™ÝCßO«‡~ÖËk$µ¢$x+ÔvRÊ¶G,;Z0XêË'Ä{ÔÀÔ5[y-¡üÄ£L‹²ëŠ7ÀÍŒÂÁ2!ôUˆÒýÚyß–®iÉNØ²è1ŠßzÚÛQ5,N“äoñù^Ù­"|Ö˜‹ô³¨ƒ%#Æ5œõXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ Ê³DAÏ‘ëçQlß¡…ã·n‰x7¦fW³9=Fs/k±=]pûOær†j»b§ôŒÆc¤¥ìk+Ë•­uŽ5»‘®¨CZ2ø–ÓÚ«ûµ2Ä¸\;6qê+b‡#æ“®_ÞQzæG€¼%Euÿs}‘50Ä~ÇOãšÛÉãÏ`FX. ð=0š>5;0ðâÕÊMŽvªc…\˜xÅ÷Ë‡¡¦q gÝ¡P¾Â¥)cÛ0î'I%¸^ò(g˜Œrîš[T‘ÜÖ+[°{”2±á%ÂS"öáÛéNñ­¶”m™yÌD™¢0m‚À©Ø®K÷ª2BÑÖ¯¤Þ›s{­Œñ=;AS>»šóz
²ûEZUqÜIH‡òÎhzÒ#yÊšÅgÄŸqÿ/´‰~þ¬”`×‘[Q×«šGy›”-»|†¡)šgâKa§|ÿèêê#Xañ­¶”m™yÌD™¢0m‚À3BEç‹ø%`Ð~‚£[[ÅKê´rª™ëÐÔ±‰<¤"-ÐØcFC™Ä¶ôê"+¯ÂòÞA:Ù*	­n9›£c??ýÄÓØYPSŠ]éÅäòÔuL:Àæƒ»8yçÀawqëÿQÎoåyL;s·˜ß£èoRT¦l~0PÒ:&«¦¹?;Úg6éˆXæÛ*Ò7’Riù!78ñ¶:=qö€hÀ2…hlª<µûeÑÃk3,©*’X•¸ÿ$âÂÉKòƒ®«›:1Eá-VÌô!1t`kCqÂÞi’Wd‰¢Ou¦\ûvŽšÐŒu³±siãGèf:
‰nQq?ðpÁîª<µûeÑÃk3,©*’X•¸ÿ$âÂÉKòƒ®«¥ó?“˜« ,½^gžP•5<ø½Ç³¿ÂäüM#· ·Ô²—c‚\.Ú¥RoÔ k¶ ?§ù	n–Û_KÈÇ[Îa5ñ®0G±äs4©ó¦ªPêïˆŒ;µ îÐä÷` ˆ«°ÿ1)™·V
²Þ^ŽU{Â}/f¢CæÑJZPe7™ý6Wâ|Îb¾;žt}-â.ÔcnK»gÖ1 ªRôÀ±W¯œ |$†g¨…­‹™ÐçŠ±YœP*äh?ÚöC[¿ž~‘ºk]€ùû };/H„„šøA@a€—~ÈòXCèŒŒÃ|¬ø²v–ƒâžÌs­"SN4@q(P—SØSÀ¹Ãùú†cA3vK£¨²]éÖUÇ½p§õè’{|õO)–ÎÑÀð‘¤F6ûy Ïèq(¼öuu‰Ñáñƒµº“>%ß»áà)$˜Ú›6Å¨—DÌQÚ\¸Ï›]•_ÑÓGAÈ
nÍ»˜‘É¸‚šV-ô’b'_ªê.Ïªå^—
ôˆ9'MðgÒ&¸:ÝuË'Ð³äüœ¤"-ÐØcFC™Ä¶ôêÕJçÜ×3Gký>¡Ë³X?îø
“;Ž[C%3Ì³‰ã¶!-¤^©öžu`Œ¯6±÷×wÁA•1×Š*¢‚žW`–­hÞ(_î­C®ªøoúD¾î©~‚ÂrYE<¯îu˜_“¦s8R;i`_Êà÷™Ãï7‹#C„¤	Ž˜WÅ¿›ºMÙPØ_tžÙº;[¢€.¸±òqÅò}§=`‚ô`ÍÐkÏ#ö Pá”0XÐ¥árß¿H!ÚÎ?¹"U\ªFµãçúÁ<4["¿ÝØûü?ZiÔÙ;¦C]j_®7t/U.]û ƒ?™ÿ¨õ»5@§Þ`ˆW­áÿ`«þwÌ/6
Ï›]•_ÑÓGAÈ
nÍ»˜ßWJÆAjxºJÁvžÉM†h{à/§°bÄnTÿ¼±LÞ0GmHè©y,T¾æ„íÏãd†€é†Ÿ{ŠËÅ«òôßp!×c@¾p!JE†Þ%›ví;¿Ð¿ÿ¿‰ÓT [ñ½}åMzPƒ³\Io¸Š¤"-ÐØcFC™Ä¶ôêÕJçÜ×3Gký>¡Ë³Xk6$¦­›|À¸Î}œ‘ôiª\i½"ÌCLP<w5«D¸Éè3Q„PÄP¹M,ˆÊ|w7ìR†ÆÀ,[uÅÚGªË6J®$ï¢¿ãú
˜Ô!ª3Ö_˜j:ñÍä:º~íºQá‚ªòÛ8nnà&,ô‚`\ÍfGc£Ã=œ°´ï.Ú³ô”qw¿#"Æ£û®4‘ Lt‰7t¾¡þ\R¹×†&³	»Sì× Ç[Þ¿èp'4Ý”úsÏŠ¾.¶‹ûj{@@*	",OçûM77ÐÖi[³Ózpçø¥P‹îŽM9Ö4%þ‚íå&ÏŸç“ÕkÐ5¿Æ^I`4ã*-Yêù-Õ‚íÓ ‘_Ë&×”“Œz^þˆKwÏ“§Û8nnà&,ô‚`\Íf"]˜ó‡¼Ù– žå'Ó­©dyñËH¢»Hl„¤¶~˜DþîQˆ½×F–·Ý#ÀÃÒ¬]ÁBWy¨Î~É~?qÖôPÍÿóÌÚpœ”`0³òÑU]¾–Ï)Òa/Ð8=e6{õŠ¨Û*Êá¬k@D²¹öî÷/ýÉåžxxÁR~|Ñd-•|*þúá¦,™d	JKÜ,ˆxÚ3¦7^–6Ì„»fÝi[D-´¯ÂŽA¢-‡šÐ\¯qß“¸ÍRâÞ»¹•ðm&®/8_U¦%ô[6MPg›B­ZÓúP7LÎj-OÕâÑIt^–6Ì„»fÝi[D-´g»ßN¬|ÊN {i$G^Im[“C}|–¨ÄxkF¡v5QŒðF[9¹C ßf)Ör	Þ¬¡¯Û"šÖyøN§O…Q‰ Ñ;á»eX”)¤^…m:f®Za9ó#ïëJ wô-®.aàï÷(5O•à{ôÞ$ëÃdi­s7¢ÿÕœÿÿžoþ¿xÃIÅFÁ?¹¥TbÝ­P£-F(=?T™„l]Îô‘Œ8Il^¥.éÃqCl«êB±Âã¾kÝi× ÊÊÆC˜^ø’qØôqTÛ8nnà&,ô‚`\ÍfqU,÷¾’I–¤¿àÂP:¢ƒÚ´ÃV~UCƒLˆTÆ.ú)Û÷¡–ÃVÔFðYÀ´Ñ€˜%;™Gþt |7ºÄDQP‡^®N½Î†*h4§`k†f¸:iEŠ?«áß•[XÅ~ª‘f*ØƒØ“¹Ñ÷ìU]âÚ¹U„C«[He^¨Úúæ!*a-‡•ì&aíˆÒ
¿:ùQÜ„”±R`-.ôÇñ–²! ÌD&¬Oþ®.ùÐ¸ô¬ÄWrËÛ8nnà&,ô‚`\ÍfÂáóaÒ{¾XPÆÊüõØ®ªÚÂi·&ˆÍºCù¸®ÁjmÀ;Ý?
K¢B¸
XwþˆI\B8R:(©Ž4ûÎ)$&³~GYUÐcÇDÝ»EÛ1?ºùÀë²2šœbYà·£ÿ%‰‚ ^ÒéM FF9•ˆ1¡Ft{+ààä…äŸó0wdüJ~¹†A1ÃÊÛ8nnà&,ô‚`\Ífœbo³ÃY6o1f<¿´—$š@Ã©³SBuÁ™;Ü‹ÏœGe8P";;|±v§Î€äf×.¤á`\ÔÕ’Þ‡qÎü?ZiÔÙ;¦C]j_®7t/U.]û ƒ?™ÿ¨õ»5@§Þk[”ûTT|†’S ,i²Û8nnà&,ô‚`\ÍfþàÌ–ä4‘¹<dÌ›ë|ÝÉ–hÈ¼å™A×Žgå¶=ä}‘É?ð¬…£pù Passwords doesn\'t match!', action: 'keyup, focus', rule: function (input, commit) {
                        // call commit with false, when you are doing server validation and you want to display a validation error on this field. 
                        if (input.val() === $('#passwordInput').val()) {
                            return true;
                        }
                        return false;
                    }
                    },
                    { input: '#emailInput', message: 'E-mail is required!', action: 'keyup, blur', rule: 'required' },
                    { input: '#emailInput', message: 'Invalid e-mail!', action: 'keyup', rule: 'email' },
                    { input: '#ssnInput', message: 'Invalid SSN!', action: 'valuechanged, blur', rule: 'ssn' },
                    { input: '#phoneInput', message: 'Invalid phone number!', action: 'valuechanged, blur', rule: 'phone' },
                    { input: '#zipInput', message: 'Invalid zip code!', action: 'valuechanged, blur', rule: 'zipCode' },
                    { input: '#acceptInput', message: 'You have to accept the terms', action: 'change', rule: 'required', position: 'right:0,0'}]
            });
        });
    </script>
    <style type="text/css">
        .text-input
        {
            height: 21px;
            width: 200px;
        }
        .register-table
        {
            margin-top: 10px;
            margin-bottom: 10px;
        }
        .register-table td, 
        .register-table tr
        {
            margin: 0px;
            padding: 2px;
            border-spacing: 0px;
            border-collapse: collapse;
            font-family: Verdana;
            font-size: 12px;
        }
        h3 
        {
            display: inline-block;
            margin: 0px;
        }
    </style>
</head>
<body class='default'>
    <div id="register">
        <div><h3>Register</h3></div>
        <div style="overflow: hidden;">
            <form id="testForm" action="./">
                <table class="register-table">
                    <tr>
                        <td valign="top" >Username:</td>
                        <td valign="top"><input type="text" id="userInput" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td valign="top">Password:</td>
                        <td valign="top"><input type="password" id="passwordInput" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td valign="top">Confirm password:</td>
                        <td valign="top"><input type="password" id="passwordConfirmInput" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td valign="top">Real name:</td>
                        <td valign="top"><input type="text" id="realNameInput" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td valign="top">Birth date:</td>
                        <td valign="top"><div id="birthInput"></div></td>
                    </tr>
                    <tr>
                        <td valign="top"E-mail:></td>
                        <td valign="top"><input type="text" id="emailInput" placeholder="someone@mail.com" class="text-input" /></td>
                    </tr>
                    <tr>
                        <td valign="top">SSN:</td>
                        <td valign="top"><div id="ssnInput"></div></td>
                    </tr>
                    <tr>
                        <td valign="top">Phone:</td>
                        <td valign="top"><div id="phoneInput"></div></td>
                    </tr>
                    <tr>
                        <td valign="top">Zip code:</td>
                        <td valign="top"><div id="zipInput"></div></td>
                    </tr>
                    <tr>
                        <td valign="top" colspan="2" style="padding: 5px;"><div id="acceptInput" style="margin-left: 100px;">I accept terms</div></td>
                    </tr>
                    <tr>
                        <td colspan="2" style="text-align: center;"><input type="button" value="Send" id="sendButton" /></td>
                    </tr>
                </table>
            </form>
        </div>
    </div>
</body>
</html>