مشکل در قرار گرفتن مقادیر جدید در متغیرها

[payamka]

سلام
من میخوام یک فرم رو از طریق تابع load جی کوئری پردازش کنم.ورودی فرم ها رو داخل متغیرهای جاوااسکریپت میریزم و اونا رو برای فایل پردازش کننده می فرستم.اگه مشکل داشته باشه مجدد فرم نمایش داده میشه تا کاربر اطلاعات جدید وارد کنه ولی مشکل اینجاست که این اطلاعات جدید ارسال نمیشن و همون چیزی که اولین بار وارد شده مجدد ارسال میشه.در واقع متغیرهای جاوا اسکریپت با مقادیر جدید ست نمیشن.



<script type="text/javascript">
$(document).ready(function(){
$("a#send").click(
function() {
var email = $("input#inputEmail").val();
$("div#CH").html("<center><img src='http://localhost/R/img/loading.gif'></center>");
$("div#CH").load('http://localhost/R',{email :email});
}
);
});
</script>

<form class="form-horizontal">
<div id="CH">
<div class="control-group">
<label class="control-label" for="inputEmail">ایمیل</label>
<div class="controls">
<input type="text" class="bmitra-18px" dir="ltr" id="inputEmail">
</div>
</div>
</div>

<a class="btn btn-primary" id="send">ارسال</a>
</form>


دکمه ارسال رو با تگ a درست کردم چون اگه button باشه مشکل دیگه پیش میاد.به نظر شما چجوری مشکل حل میشه؟