jQuery .blur() does not fire nor does .focusout()? <p>New to jquery so it is possible I've missed a vital element somewhere along the lines. I've been digging for the past couple of hours and have tried several solutions but nothing I've tried solves the delima. All I'm trying to do is execute some code once "textboxUsername" loses focus. In straight javascript I used to do this by adding an onblur() event to the specific input element and call a function. Any advice appreciated...</p> <p>HTML:</p> <pre><code>&lt;div&gt; &lt;div class="heading"&gt; &lt;span class="inside_heading"&gt;Register&lt;/span&gt; &lt;/div&gt; &lt;div class="content_under_heading"&gt; &lt;div class="rounded_div"&gt; &lt;ul class="ulRegister"&gt; &lt;li class="descLabel"&gt; Username: &lt;/li&gt; &lt;li class="inputInfo"&gt; &lt;input type="text" id="textboxUsername"/&gt; &lt;/li&gt; &lt;li class="successCheck" id="usernameSuccessCheck"&gt; &lt;img id="usernameCheckImage" src="templates/images/check.png" class="noShow"/&gt; &lt;img id="usernameXImage" src="templates/images/check.png" class="noShow"/&gt; &lt;/li&gt; &lt;/ul&gt; &lt;label id="labelUsernameExists" class="registerIssue"&gt;&lt;/label&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>JavaScript</p> <pre><code>$(document).ready(function(){ //textboxUsername blur event $("#textboxUsername").blur(function(){ var possibleUsername = $("#textboxUsername").val(); if(possibleUsername.length != 0){ if(possibleUsername.length &lt; 6){ //display message var message = "Usernames must be at least 6 characters"; $("#labelUsernameExists").text(message); } else{ //ajax } } }); }); </code></pre>