How can I run a Jquery function bound to another selector?
<p>I have a piece of Jquery code that does a whole bunch of validation on a field. I currently have this fired on <code>.blur()</code>. </p>

<p>As this field can be pre-populated on load by the server, I want to run that validation at that point also, but I don't know how to call the <code>.blur()</code> function which is bound to the control.</p>

<p>Here is my code, most of it cut-out for brevity...</p>

<pre><code>$('#&lt;%=txtCity.ClientID %&gt;').blur(function () {
            $('#txtCityLoader.loader').show();

            if ($('#&lt;%=txtCity.ClientID %&gt;').val().length == 0) {
                //chuck some errors
            }

            $.ajax({
                type: "POST",
                url: "~/AtomicService/Validation.asmx/DoesCityExist",
                data: "{'country':'" + $('#&lt;%=ddlCountry.ClientID%&gt;').val() + "'}",
                contentType: "application/json",
                dataType: "json",
                success: function (msg) {
                    $('#txtCityLoader.loader').hide();
                    if (msg["d"].length &gt; 0) {
                        var data = $.parseJSON(msg.d);
                        if (data.Response == 'True') {
                            //all is well, tick the box
                        } else {
                            //stuff and nonsense
                        }
                    } else {
                        //do some other stuff
                    }
                },
                error: function (msg) {
                    //do stuff
                }
            });
        });
</code></pre>

<p>When the page loads and <code>document.ready()</code> fires, I'd like to run this function - how do I do that?</p>

<p>Help appreciated.</p>
