Check username availability via AJAX with jQuery

HTML
<br /> <input name="UserName" id="UserNameInputID" type="text" /><br /> <span id="loading"><img decoding="async" src="loading.gif" alt="i" /> Checking…</span><br />
JavaScript
<br /> $(“#loading”).hide();<br /> var orig=$(“#loading”).html();<br /> $(“#UserNameInputID”).blur(function() {<br /> $(“#loading”).html(orig);<br /> $(“#loading”).show();<br /> loadTextPage(“loading”,”check.php?username=”+$(“#UserNameInputID”).val());<br /> });</p> <p>/** load a text page into this div */<br /> function loadTextPage($pDivID,$pURL) {<br /> $.ajax({<br /> url:$pURL,<br /> dataType:’html’,<br /> success:function (txt) {<br /> $(‘#’+$pDivID).html(txt);<br /> }<br /> });<br />

Server-side check.php
<br /> <?php if ($vAvailable) { echo 'Congrats! Your username is available'; } else { echo 'Sorry! Your username is not available'; } ?><br />