Question

I have an empty div which is draggable and to which I need to add an image to the left top corner And it should be able to move along with the div.

So how do I do that?

<div class="example">
<div>

This is the script:

 <script type="text/javascript">
      $(function () {

  $('.example').draggable

});
</script>

Answer 1

    .example {
       position: relative;
    }
    .example .imghandle {
       position: absolute;
       height: 30px;
       width: 30px;
       top: -30px;
       left: -30px;
    }

<div class="example">
   <div class="imghandle"></div>
<div>

make the image a background of the div, or just put an <img> tag there and add the class

here it is with :before