Здравствуйте!
Есть страница с множеством однотипных ссылок, различаются лишь параметры:
	
	| Код: | 
	| ......
<a class="fancybox" href="#form" data-type="0" data-type1="1" data-type2="2">смотреть</a>
<a class="fancybox" href="#form" data-type="3" data-type1="4" data-type2="5">смотреть</a>
...... | 
	
Есть форма с полями:
	
	| Код: | 
	| <input id="category" value="" name="category">
<input id="size" value="" name="size">
<input id="color" value="" name="color"> | 
	
Есть обработчик:
'onComplete' => array (
	'noquotes' => true,
	'default' => 'function() {var TID = jQuery(".fancybox").attr("data-type"); jQuery("#category").val(TID); 
                                  var CID = jQuery(".fancybox").attr("data-type1"); jQuery("#size").val(CID);
                                  var GID = jQuery(".fancybox").attr("data-type2"); jQuery("#color").val(GID); 
}'
	),
Естественно не работает при нажатии ссылки дальше 1, т.к. берет первый нашедший класс.
Помогите исправить, что бы из каждого тега <a> брались свои атрибуты.
Заранее спасибо.