یه سوال در مورد draggable

سلام و خسته نباشید ب اساتید عزیز
من ی سوالی داشتم در مورد draggable .
یه برنامه ای نوشتم که عمل drag و drop رو انجام میده.
اشیائ رو از جایی بر داشته و در جای دیگری قرار میدهد.
حالا میخوام وقتی که ی شی رو drag میکنه خود شی رو drag نکنه بلکه ی کپی از شی گرفته و drag کنه و اون شی اصلی هم سر جاش بمونه؟
آیا این کار شدنی میشه؟
ممنون بابت راهنمایی هاتون

سلام. با این کد که الان نوشتم:

<script src="jquery.js"></script>

    <script src="jquery-ui.js"></script>

    <div class="cn">

        <div id="draggingDiv" style="width:50px;height:50px;background:green;lef  t:0;top:0"></div>

    </div>

    <style>

        .cn

        {

            position:relative;

        }

            .cn > div

            {

                position: absolute;

                left: 0;

                top: 0;

            }

    </style>

    <script>

        function doDraggable(element) {

            jQuery(element).draggable(

            {

                start: function () {

                    var clone = jQuery(this).clone();

                    var pos = jQuery(this).position();

                    clone.css({'position':'absolute', 'left': pos.left + 'px', 'top': pos.top + 'px' })

                    doDraggable(clone);

                    jQuery('.cn').append(clone);

                }

            });

        }

        jQuery(document).ready(function () {

            doDraggable('#draggingDiv');

        });

    </script>