передать парамертры формы в яваскприпт и jquery

[Vuzy]

доброго времени суток.
Столкнулся с проблемой передачи и отправки данных в форму с последующей передачей ее через аякс.
или сразу в аякс.

<FORM name="searchform" id="searchform">
Только в открытых
<INPUT type="checkbox" NAME="open" ID="open"><BR>
По цене скупки
<INPUT TYPE="radio" NAME="align" ID="align" VALUE="sell"><BR>
По цене продажи
<INPUT TYPE="radio" NAME="align" ID="align" VALUE="buy"><BR>
Совпадение полное <INPUT TYPE="radio" name="like" VALUE="1">
</small>
</td>
<TD>
<IMG SRC="http://www.haddan.ru/@!images/frameset/coin-copper.gif"><INPUT TYPE="radio" NAME="money" id="money" VALUE="100"><BR>
<IMG SRC="http://www.haddan.ru/@!images/frameset/coin-silver.gif"><INPUT TYPE="radio" NAME="money" id="money" VALUE="500"><BR>
<IMG SRC="http://www.haddan.ru/@!images/frameset/coin-gold.gif"><INPUT TYPE="radio" NAME="money" id="money" VALUE="1000"><BR>
<small><INPUT TYPE="radio" name="like" id="like" VALUE="0">не полное</small>
</TD>
<TD width=70%>
<CENTER>
<INPUT TYPE="text" NAME="search" id="search" size="100" VALUE=""><BR>
<span class="art-button-wrapper">
        <span class="l"> </span>
        <span class="r"> </span>
        <INPUT TYPE="button" name="search_now" id="search_now" value="Искать" SIZE="50" class="art-button" onClick="vote()">

Это форма которая обрабатывается яваскриптом:

<SCRIPT>
// javascript-код голосования из примера
function vote() {
    // (1) создать объект для запроса к серверу
    var req = getXmlHttp()
    var url= $("form").serialize();
  $("#results").text( url ); 
    // (2)
    // span рядом с кнопкой
    // в нем будем отображать ход выполнения
    var statusElem = document.getElementById('search_status')
    req.onreadystatechange = function() {
    // onreadystatechange активируется при получении ответа сервера
    if (req.readyState == 4) {
    // если запрос закончил выполняться
    statusElem.innerHTML = req.responseText // показать статус (Not Found, ОК..)
    //if(req.status == 200)
    //{
    // если статус 200 (ОК) - выдать ответ пользователю
    //alert("Ответ сервера: "+req.responseText);
    //}
    // тут можно добавить else с обработкой ошибок запроса
    }
    }
    // (3) задать адрес подключения
    //req.open('GET', 'search_jq.php?search='+search+'&align='+align+'&like='+like+'&open='+open+'&money='+money, true);
    req.open('GET', 'search_jq.php?'+url, true);
    // объект запроса подготовлен: указан адрес и создана функция onreadystatechange
    // для обработки ответа сервера
    // (4)
    req.send(null);  // отослать запрос
    // (5)
    statusElem.innerHTML = 'Ожидаю ответа сервера...'
}
</SCRIPT>

она работает хорошо и никаких изменений вносит не нужно.
дело в том что под формой имеется каскад картинок с типичными запросами при выборе которых должена производится выборка из БД. при определенных условиях поиска которые задаются полями формы.
Проблема в том, как задать эти поля или как передать значения полей и осушествить выборку одним нажатием?
пример ссылки:

<a href="search.php?open=on&align=sell&like=1&money=100&search=%D0%96%D0%B5%D0%BB%D0%B5%D0%B7%D0%BE&search_now=%D0%98%D1%81%D0%BA%D0%B0%D1%82%D1%8C">
<img width="20" src="img/IRON.png"></a>

и добится результата с помощью атрибутов onClick

 

[riff]

0. Подключил jQuery, так и пиши на jQuery. К чему это смешение?
1. "каскад картинок" = массив. Массив передаётся так: "?param[]=value1&param[]=value2".
1.1 "как передать значения полей" jQuery запросом получаешь все эти (что там у тебя) и отправляешь их в п.2
2. Передаваемые значения, в jQuery, заполняются так:

$.ajax({
    type: "POST",
    url: 'a.php',
    data: {
        key: 'value',
        param: {
            name1: 'value1',
            name2: 'value2',
        }
    },
    //success: function(data) { } // или done(см. ниже)
})
.done(function(){});

Вот и заполняй "data" своими данными.