Отправка формы AJAX

Question

Следующий код не передает введенные значения:

$('.button').live('click', function()  {
        var date = $('#date', this).val();
        var guests = $('#guests', this).val();

        $('.resLoad').load('/confirmation.php?guests='+guests+'&date='+date);
});

Загружает страницу в правильном div, но переменные перечислены как неопределенные.

<form class="resConf" action="" method="get">
    <input type="text" name="date" id="date" class="eventname" readonly="readonly" value="1234" /><br class="big" />
    <input type="text" class="eventguest" id="guests" maxlength="2" name="guests" value="" /><br class="big" /> 
    <input type="button" class="button" value="submit" name="submit" />

</form>

Answer 1

$('#date', this)

Ищет элемент с идентификатором даты, который является потомком кнопки; что не правильно.

$('.button').live('click', function()  {
        var date = $('#date').val();
        var guests = $('#guests').val();

        $('.resLoad').load('/confirmation.php?guests='+guests+'&date='+date);
});

Будет работать.