Länderrufnummer in Form einfügen nach Landselektion

Hallo zusammen,

ich möchte gerne, dass im Formular, wenn jemand in der Select Liste ein Land auswählt dessen Länderrufnummer automatisch in der zweiten Form eingefügt wird, so dass der user nur noch die Rufnummer eingeben muss.

Das klappt mit value Werten ganz gut:

HTML-Code:

---

<select name="country" id="country">
    <option value="">Country...</option>
    <option value="Belgium">Belgien</option>
<option value="Bulgaria">Bulgarien</option>
<option value="Croatia">Kroatien</option>
<option value="Czech Republic">Tschechien</option>
</select>
<br /><br />
<label for="phone">Phone Number</label>
<input id="phone" name="phone" placeholder="user's number " required="" type="number"> <br><br>


<script language="javascript" type="text/javascript">
$('#country').change(function () {
    var countryCode = $(this).val();

    if (countryCode) {
        $('#phone').val(countryCode);
    }
});
</script>

---

Problem: Hier wird der value Wert ausgegeben der in der country hängt, dass muss ja so sein und ich kann hier keinen Ländercode einfügen.
Wie kriege ich nun quasi einen zweiten vlaue Wert rein, der die Nummern ausgibt "+49" etc.. Jmenad einen Ansatz?

Danke im Vorraus