всем привет. не могу понять в чем дело - не работает draggable jquery ui. Суть вот в чем - есть маленькая картинка, по ней клацаю, в отдельном диве появляется ее большая копия, эту копию нужно перетаскивать, но draggable jquery ui не работает. я подозреваю что все дело в том что моя большая картинка создается на "лету" и как то не подвязывается плагин для еретаскивания.
вот код.

<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>

<script>
	function nomer(x){
	var val = $("#card_"+x).attr('src');
	$("#work_area").html("<img src='"+val+"' width='230' height='360'  id='draggable3'>");
	}
	
	$(function() {
	$( "#draggable3" ).draggable();
	})
	</script>

 <img src="img/kart.jpg" id="card_1">
<div id="work_area"></div>

http://jsfiddle.net/cxmvq7x5/1/

_____________
HTML, CSS (Bootstrap), JS(JQuery, ExtJS), PHP, MySQL, MSSql, Posgres, (TSql, BI OLAP, MDX), Mongo, Git, SVN, CodeIgnater, Symfony, Yii 2, JiRA, Redmine, Bitbucket, Composer, Rabbit MQ, Amazon (SQS, S3, Transcribe), Docker

спасибо! это уже просто запара!