jQuery droppable not working
<p>I'm trying to implement what I thought was a simple droppable in jQuery. I need the draggable items to have a numeric id that changes. The items are draggable but when I drag them to the drop target the alert doesn't fire. My code is as follows:</p>

<pre><code>    &lt;script&gt;
    $(function() {
        $( ".draggable" ).draggable();
        $( ".trash" ).droppable({
            accept: ".draggable",
            drop: function( event, ui ) {
                alert('dropped');
            }
        });
    });
    &lt;/script&gt;


&lt;div id="5" class="draggable"&gt;&lt;p&gt;Drag to target&lt;/p&gt;&lt;/div&gt;

&lt;div id="trash"&gt;&lt;p&gt;Drop here&lt;/p&gt;&lt;/div&gt;
</code></pre>
