RE: JQuery UI Drag & Drop Question

JavaScript
1

I’m building a drag and drop question where you can drag items into a div container which then the JQuery will update a hidden input field which will get processed on submission.

I’m trying to get some feedback from the JavaScript by finding out the id of the dragged item and then passing that onto the drop selector to use however I’m struggling. I’ve made the below code basic to show the id alert if anyone can help?

  $(".drag_1").draggable({
        start: function (event, ui)
        {
            var id = $('li.drag_1 img').attr('id');
            alert(id);
        }
    });


    $(".drop").droppable({
        drop: function (event, ui)
        {
            alert(id);
        }
    });