jquery reset load file back to default
<p>I have a 3 layer <code>select</code> use jquery load <code>option</code> into <code>sub-select</code></p>

<pre><code>country-&gt;state-&gt;city
</code></pre>

<p>so if user select usa, the 2nd <code>select</code> will load usa's state. than user can select city after select the state.</p>

<p>ex. usa->CA->LA</p>

<p>however if user select usa->CA->LA first than user want to change country to aus</p>

<p>it become aus->select state->LA, the 3rd <code>select</code> still stay the same.</p>

<p>Is any way to reset 2nd, 3rd <code>select</code> back to default if user change top <code>select</code>.</p>

<pre><code>$("#country").change(function(){
    switch($("#country").val()){
        case "aus":$("#state").load("aus_state.php");break
        case "uk":$("#state").load("uk_countie.php");break
        case "usa":$("#state").load("us_state.php");break
    }
});
</code></pre>

<p>how to remove the load files back to default?</p>
