问fade_in fade_out调用另一个页面

EN

<div class="p1"><input type="text" placeholder="Name" /><br /><input type="text" placeholder="Address" /><br /><select id="country" ><option>Select a country</option><option value="india">India</option><option value="add">Add new country</option></select>
  <input  type="button" id="subc" value="Submit"/>
</div>

.p1 { padding:10px; text-align:center }
.p2 { position: absolute; top:0; left:0; height:100%; width:100%; text-align:center; background-color:#FFF; display:none }

$(document).ready(function(e) {
    $('#country').change(function(e) {
        if($(this).val() == 'add'){
            $('.p1').fadeOut()
            $('.p2').fadeIn()
        }
    });
    $('#addc').click(function(e) {
        $c = $('#ncountry').val()
        if($c != ''){
        $('#country').append('<option>'+$c+'</option>')
        alert('Country added to list')
        $('.p2').fadeOut()
            $('.p1').fadeIn()
        }
        else{
            alert('Enter a country name')
        }
    });