Trigger Action on jQuery Load Event Completion
<p>I have a web page which loads select boxes dynamically using jQuery Load Event</p>

<pre><code>jQuery('#opt_test').load('getextra.php?query=ls&amp;id=2').change();
</code></pre>

<p>Another select box depends on the data of this one which is bound to the change event.</p>

<pre><code>jQuery('#opt_test').change(function () {
    var test = jQuery('#opt_test').val();
    alert ('var');
    jQuery('#opt_host').load('getextra.php?query=ls&amp;id=4&amp;master=' + test );
})
</code></pre>

<p>I have two problems, I can't seem to raise the change event for #opt_test using the load event above.</p>

<p>If I manually duplicate a part of my code to bypass this issue, I find that the alert displaying the value of the select is before the load completed so it shows the old value.</p>

<p>How can I get this event to trigger after the load as completed?</p>
