Сортировка выпадающего списка с помощью javascript?

Question

У меня есть этот раскрывающийся список, но параметры не установлены в правильном порядке. Есть ли способ их сортировки (исходя из их значения, я думаю) с помощью javascript?

<select class="required" name="payment_gateway"> 
<option value="bank-transfer">Bank</option> 
<option value="pay-social">Social</option> 
<option value="paypal">PayPal</option> 
<option value="pronamic_ideal">iDEAL</option> 
</select> 

Нужный сортировка будет:

<select class="required" name="payment_gateway"> 
<option value="pay-social">Social</option> 
<option value="pronamic_ideal">iDEAL</option> 
<option value="bank-transfer">Bank</option> 
<option value="paypal">PayPal</option> 
</select> 

Answer 1

Попробуйте написать так

var $dropdown = $('.required'), 
    $items = $dropdown.children('option'); 


$items.sort(function(a, b){ 
    var an = a.value, 
     bn = b.value; 
    if (an > bn) { 
     return 1; 
    } 
    if (an < bn) { 
     return -1; 
    } 
    return 0; 
}); 
$items.detach().appendTo($dropdown); 

Answer 2

Это, кажется, работает, однако неправильный вариант по-прежнему выбран.

$('.required option[value="pay-social"]').insertBefore('.required option[value="bank-transfer"]'); 

Answer 3

Вот рабочий пример

<select class="required" name="payment_gateway"><option value="pay-social">Social</option><option value="pronamic_ideal">iDEAL</option><option value="bank-transfer">Bank</option><option value="paypal">PayPal</option></select> 

http://jsfiddle.net/snayps/tdh9up7h/