오버레이 창을 닫을 때 선택한 옵션을 특정 값으로 변경하는 방법은 무엇입니까?

드롭 다운 메뉴에서 선택한 옵션이 오버레이 창을 닫을 때 '호주'로 되돌아 가도록 아래의 JS 기능을 어떻게 변경합니까?

자바 스크립트

$(document).ready(function(){
    // show popup when selecting a country from the drop-down
    var money = 0;
    $(".target").change(function () {
    var optionSelected = $("option:selected", this);
    money = optionSelected.attr("data-price");
    $("input[name='shipping']").val(money); 
    $('.overlay-bg').show().css({'height' : docHeight}); 
    $('.overlay-content').css({'top': scrollTop+20+'px'});
    });

    // hide popup when user clicks on close button
    $('.close-btn').click(function(){
        $('.overlay-bg').hide();
         // hide the overlay
    });

    // hides the popup if user clicks anywhere outside the container
    $('.overlay-bg').click(function(){
        $('.overlay-bg').hide();
    })
    // prevents the overlay from closing if user clicks inside the popup overlay
    $('.overlay-content.').click(function(e) {
    e.preventDefault();         
    var $this = $(this);
    var horizontalPadding = 30;
    var verticalPadding = 30;

    var iframe_popup = $('<iframe id="externalSite" class="externalSite" frameborder="0" allowtransparency="true" src="' + this.href + '" />');
    iframe_popup.dialog(
    {
        title: ($this.attr('title')) ? $this.attr('title') : '',
        autoOpen: true,
        width: 600,
        height: 450,
        modal: true,
        autoResize: true,
        overlay: {
            opacity: 0.5,
            background: "black"
        }
    }).width(600 - horizontalPadding).height(450 - verticalPadding);
});

});

HTML 드롭 다운 메뉴

<div class="main-content">
<select id="customer_country" name="customer_country"
                    class="validate[required] input_styling target"
                    style="background: #FFFFFF;">
                <option value="">Please Select a Country</option>
                <option value="Afghanistan" data-price="29.95">Afghanistan</option>
                <option value="Åland Islands" data-price="29.95">Åland Islands</option>
                <option value="Albania" data-price="29.95">Albania</option>
                <option value="Algeria" data-price="29.95">Algeria</option>
                <option value="American Samoa" data-price="29.95">American Samoa</option>
                <option value="Andorra" data-price="14.95">Andorra</option>
                <option value="Angola" data-price="29.95">Angola</option>
                <option value="Anguilla" data-price="29.95">Anguilla</option>
                <option value="Antarctica" data-price="29.95">Antarctica</option>
                <option value="Antigua and Barbuda" data-price="29.95">Antigua and Barbuda</option>
                <option value="Argentina" data-price="19.95">Argentina</option>
                <option value="Armenia" data-price="29.95">Armenia</option>
                <option value="Aruba" data-price="29.95">Aruba</option>
                <option value="Australia" data-price="19.95" selected >Australia</option>
                <option value="Austria" data-price="14.95">Austria</option>
</select>
</div>

이 코드 세그먼트를 변경해야한다고 가정합니다.

// hides the popup if user clicks anywhere outside the container
        $('.overlay-bg').click(function(){
            $('.overlay-bg').hide();

&&

  // hide popup when user clicks on close button
        $('.close-btn').click(function(){
            $('.overlay-bg').hide();
             // hide the overlay
        });

따라서 함수는 사용자가 오버레이 창을 닫을 때 드롭 다운에서 선택한 옵션을 기본값 인 '호주'로 다시 설정해야합니다.

전체 코드는 Fiddle을 참조하십시오 -FIDDLE

어떤 조언이라도 좋을 것입니다.