записать переменную в ссылку (синтаксис)
 

Здравствуйте. Не нашел темы для новичков, которым являюсь.

У меня есть сложные формы( сложные - в смысле разные типы полей, много данных.)
С помощью jquery собираю текущее значение данной формы

$(document).ready(function(){
// --------------
function showValues() {
var str = $("form").serialize();
$("#results").text(str);
}
$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
$("text").change(showValues);
showValues();
// --------------
});

В результате чего переменная str принимает вид water=water&text=text и тд, согласно данным из формы
Идя по пути наименьшего сопротивления, хотелось бы "впихать" сию перемнную сюда:

<input type="button" name="" value="Pic" onclick="document.getElementById('im01').src='image.php?[B]water=water&text=text[/B]';"/>

вместо выделенного сунуть переменную str было бы идеально,но тут я вспомнил что не знаю яву. И синтаксис ее. Возможно ли совместить эти два куска кода?

elem.onclick=function(){
    document.getElementById('im01').src='image.php?'+str;}

где elem - соответсвующий элемент кнопки

а можно так:

onclick="$('#im01').attr('src')='image.php?'+$('form').serialize();"

или так:

onclick="$('#im01').attr('src')='image.php?'+$('#results').text();"

и еще стопицот хреналионов способов выполнить эту задачу:write: