ajax jquery нужно на один клик больше

У меня два php файлы,

1. скажем xyz.php

Код: -

<?php

echo "hello";

?>

2.say abc.php

Код: -

<script type="text/javascript" src="jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){

    $("div.click_me").live('click',function(){


    $.ajax({

        type:"POST",
        data:null,
        url:"xyz.php",
        success:function(response){

        alert(response);    

        }

    })


    });



});




</script>


<div class="click_me"> CLICK </div>

При простом щелчке по div "click_me" появляется всплывающее окно со словами "привет "как и ожидалось.

Но проблема заключается в том, если я изменю его код на -:

<script type="text/javascript">
$(document).ready(function(){

    $("div.click_me").live('click',function(){

        res=xxx();

        alert(res)

    });



});

function xxx(){


    $.ajax({

        type:"POST",
        data:null,
        url:"xyz.php",
        success:function(response){

            res=response;

        }

    })

    return res;

}


</script>

СЕЙЧАС Я ДОЛЖЕН ДВАЖДЫ НАЖАТЬ ДВАЖДЫ, ЧТОБЫ ПОЛУЧИТЬ ВСПЛЫВАЮЩЕЕ ОКНО" Привет ". При однократном нажатии ничего не происходит. Я действительно сбит с толку глупая проблема. Пожалуйста, помогите мне. Большое спасибо.