Перемещение данных из формы в div посредством innerHTML
 

Доброго времени суток.
С JS я не дружу, но получилось так, что он мне нужен.
Набросал скрипт и он, как вы уже догадались, не работает.

Суть такова: есть два инпута и кнопка. По нажатию на кнопку считываются значения в инпутах и вставляются в div вперемешку с другими тегами.

Скрипт:

function getPic() {
		var URname = document.getElementById("URname").value;
		var URrank = document.getElementById("URrank").value;
		document.getElementById("mainblock").innerHTML = '<div class='site'>somesite.com</div><div class='name'>'+URname+'</div><div class='rank'><img src='img/rank'+URrank+'.png'></img></div><div class='quote'>Бороться и искать!<br>Найти и перепрятать!</div>';}

И страница:

<center><br><br>
	Имя (до 10 символов): <input id="URname" type="text" size="17" maxlength="10"> | 
	Ранг (цифра от 1 до 6): <input id="URrank" type="text" size="1" maxlength="1"><br>
	<input type="button" value="Создать" onclick="getPic();">
	<div class="main" id="mainblock">
	</div>
</center>

ЧЯДНТ?
Прошу учесть, что я начинающий.

Static86,
внутри одинарных кавычек - двойные или через \

Static86,

function getPic() {
		var URname = document.getElementById("URname").value;
		var URrank = document.getElementById("URrank").value;
		document.getElementById("mainblock").innerHTML = '<div class="site">somesite.com</div><div class="name">'+URname+'</div><div class="rank"><img src="img/rank'+URrank+'.png"></img></div><div class="quote">Бороться и искать!<br>Найти и перепрятать!</div>';}

Работает. Спасибо большое.