JQuery Drag-And_Drop To iFrame

http://stackoverflow.com/questions/26113922/jquery-drag-from-parent-and-drop-into-iframe-child

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/ui-darkness/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.1/jquery-ui.min.js"></script>
<div id="parent">
    <div id="draggable" class="ui-widget-content">
        <p>Drag me around</p>
    </div>
    <div id="child">
        <iframe></iframe>
    </div>
</div>

CSS

#draggable {
    width: 150px;
    height: 50px;
    padding: 0.5em;
    margin-bottom:20px;
}

JavaScript

$(function () {
    $("#draggable").draggable();
});