не могу разобраться с zclip
 

Добрый вечер, возникла проблема с zclip.
Имеется простое модальное окно, с текстовым полем и кнопкой, при нажатии на которую, текст из текстового поля должен скопироваться в буфер. Но ничего не копируется.

<div id="code">
	<div class="fl_left"></div>
	<h1>Copy it:</h1>
	<textarea id="text" rows="12" cols="110" class="sup_txt">
	</textarea>
	<div id="zcopy" class="commit_button fl_right radius">
			<a>Copy to clipboard</a>
	</div>
	</div> 
</div>

скрипт функции клика вызова модального окна:

$('#copy').click(function(){
       $('#code').css("display","block");
       $('#mask').css("display","block");
		$('#text').html(summary);

		('#zcopy').zclip({
		 	path: "http://zeroclipboard.googlecode.com/svn-history/r10/trunk/ZeroClipboard.swf",
		 	copy: function(){return $('#text').val()},
		 	beforeCopy: function () { },
            afterCopy: function () {
                 alert('Copy To Clipboard : \n' + $('#text').val());
            } 
		});

	});

Хром выдает ошибку Uncaught TypeError: undefined is not a function в строке 6.
jquery.zclip.min.js прикручен.
что я делаю не так?

а где $?

c $ косяк вышел, после кучи попыток.
исправил, но проблема так и не решилась. флеш кнопочка подключается. но реакции на нажатие нет. Курсор не меняется, ховер не работает, и самое главное, что при нажатии ничего в буфер не кидается.

Еще не разобрался, что править в css для правильного отображения получившейся кнопки. Прочитав оф сайт, понял, что нужно просто через точку ховер прописывать, но ничего не получается.

#zcopy.hover{
	background-color: #134c37;
	 
}

а это что?

это переменная js, которая присваивается текстовому полю

v4n,
тогда $('#text').val(summary);

и так, и так поле заполняется, но вопрос с копированием в буфер не решается.
я оставил val

v4n,
вы бы определились где вам нужен клик на #zcopy или #copy'

v4n,
возможно так?

$(function() {
     var summary = 12345;
     $('#copy').zclip({
         path: "ZeroClipboard.swf",
         copy: function() {
             return $('#text').val()
         },
         beforeCopy: function() {
             $('#code').css("display", "block");
             $('#mask').css("display", "block");
             $('#text').val(summary);
         },
         afterCopy: function() {
             alert('Copy To Clipboard : \n' + $('#text').val());
         }
     });

 });

дело в том, что кнопка #copy делает видимым модальное окно #code, внутри которого лежит кнопка #zcopy, к которой хотелось бы прикрутить zclip.

то есть сначала клик на #copy, потом по желанию пользователя на #zcopy

v4n,
тогда так

$(function() {
     var summary = 12345;
     $('#copy').zclip({
         path: "ZeroClipboard.swf",
         copy: function() {
             return $('#text').val()
         },
         beforeCopy: function() {
             $('#code').css("display", "block");
             $('#mask').css("display", "block");
             $('#text').val(summary);
         },
         afterCopy: function() {
             alert('Copy To Clipboard : \n' + $('#text').val());
         }
     });
     $('#zcopy').zclip({
         path: "ZeroClipboard.swf",
         copy: function() {
             return $('#text').val()
         }
     });
 });

а почему zclip 2 раза используется? при нажатии на #copy мне не нужно ничего сохранять в буфер, а только открыть модальное окно,
для этого достаточно и того, что я изначально делал

$('#copy').click(function(){
       $('#code').css("display","block");
       $('#mask').css("display","block");
        $('#text').val(summary);

зачем усложнять код?

v4n,
вам виднее