jquery trigger blur not working quite right?
<p>I'm confused as to what's going on here...it should be basic, but I can't quite figure it out.</p>

<p>I'm prepoulating a form with some information that needs to be checked against the database.  When the form loads I want javascript to run the "blur" events for the two input boxes I need to verify against.</p>

<p>Here's whats happening.  When the form loads all the data shows properly, but the trigger("blur") event for both the "username" and "email" inputs does not get triggered.  However, if I manually place the cursor into each of the inputs and then press the tab key, or click outside the box, the "blur" event gets triggered.</p>

<p>I need it to also trigger when the page loads to warn the user if the pre-populated data is in conflict with existing data...any idea what I'm doing wrong or how to make this work?</p>

<p>Thanks in advance.</p>

<pre><code>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
        //Username
        $("#username").blur(function(){
            $("#usr_available_msg").html("Checking").addClass("error_msg ui-state-error");
        });

        //email
        $("#email").blur(function(){
            $("#email_available_msg").html("Checking").addClass("error_msg"); 
        });

        //Run validation check on page load
        $("#username").trigger("blur");
        $("#email").trigger("blur");
    });
&lt;/script&gt;
</code></pre>
