После события checked запустить ajax, выходит: Сначала ajax потом checked???
 

Проблема в том что на событии click() не input[type=checkbox] не успевает стать checked и сразу отправляеться ajax. А надо сделать так сначала checked потом, checked.val() вставляеться в ajax и отправляет.

Структура:
<ul class="test">
<li><label><img src="1.jpg"><input type="radio" name="cur" value="1"></label></li>
<li><label><img src="2.jpg"><input type="radio" name="cur" value="2"></label></li>
<li><label><img src="3.jpg"><input type="radio" name="cur" value="3"></label></li>
<li><label><img src="4.jpg"><input type="radio" name="cur" value="4"></label></li>
<li><label><img src="5.jpg"><input type="radio" name="cur" value="5"></label></li>
</ul>

jquery :

$('.test li').click(function() {
var selectedCurrency1 = jQuery('.test li input:checked').val();
var selectedCurrency2 = jQuery('.test li input:checked').val();
jQuery.ajax({
type: "POST",
url: "processor.php",
data:"id1="+selectedCurrency1+"&id2="+selectedCurr ency2+"",
beforeSend: function(html) {
$('.ui-loader').show('fade');
},
success: function(data){
$('.ui-loader').hide('fade');
jQuery('#rechargeStep3').empty();
jQuery('#rechargeStep3').html(data);
}
});
Как я сказал эта функция Иногда(на 3 или 4 клике) не успевает стать "ЧЕКЕД" и выходит Каша

Уважаемые Javascript кодеры прошу помочь!