как сохранить изображение в БД с прикрепленным на нем элементом с помощью события перетаскивания и отобразить изображение с прикрепленным элементом в том же положении, в котором оно было добавлено

Question

image.jpg просмотреть образец изображения

index.php

<!-- container div to display image-->
<div class="imageBox">
   <img src="img/img1.jpg" id="myImage" alt="simpleImage">
</div>

<!--container div for dragging and dropping element-->
<div class="drag-drop-container">
  <div id="draggable">
     <p>Ajax</p>
  </div>

  <div id="droppable">
     *********
  </div>
</div>

<button id="saveButton"></button>

NB: перетащите иДроп-контейнер помещается поверх imageBox

jquery.js

$(document).ready(function(){
  $("#draggable").draggable({
     containment: "parent"  
         });
});