Javascript-форум - Перетаскивание на jQuery

Здравствуйте. Может сможете мне помочь доработать код. Принцип такой: нужно перетягивать объекты свободно, и чтобы на месте перетаскиваемого объекта создавалась его копия, которую так же можно перетаскивать. Свободное перетаскивание реализовать смогла, а вот с копиями проблема. Заранее благодарю за помощь. Не получается реализовать это у себя( Я еще только учусь и дается мне это сложно...(

<!DOCTYPE html>
 
    <head>
      
    </head>
    <body>
            
      <div class="container newsWrapper">
        <div id="prod_container">
    <div class="prod" id="i1">
              <img src="img/pomidor.png"/>
             
          </div>
          <div class="prod" id="i2">
              <img src="img/grib.png"/>
              
          </div>
          <div class="prod" id="i3">
              <img src="img/7.png"/>
             
          </div>
          <div class="prod" id="i4">
              <img src="img/olives.png"/>
              
          </div>
          <div class="prod" id="i5">
              <img src="img/bacon.png"/>
             
          </div>
          <div class="prod" id="i6">
              <img src="img/salami.png"/>
              
          </div>
          <div class="prod" id="i7">
              <img src="img/7.jpg"/>
              
          </div>
          <div class="prod" id="i8">
              <img src="img/8.jpg"/>
              
          </div>
          
          <div class="clear"></div>
      </div>
      <div id="cart_container">
      
          
          <div id="cart_toolbar">
              <div id="cart_items" class="back">
              <img src="img/margarita.png"/></div>
          </div>
          
              <div id="nav_left">
                 
                  <a href="" id="btn_clear">Очистить</a>
              
              </div>

<script type="text/javascript">
		  
		$(document).bind("ready", function(){
 
$("div.prod").draggable({


});});

        </script>