Simple jQuery droppable not working
<p>Draggable works here, but when I drag the DIV to the droppable area the alert function isnt firing. I'm sure it's something stupid, but maybe someone here can stop me from banging my head on the wall, what am I not doing right?</p>

<pre><code>&lt;head&gt;
            &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
            &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
            &lt;title&gt;&lt;/title&gt;
        &lt;/head&gt;
        &lt;body&gt;

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

        &lt;div id=10 class="draggable"&gt;one&lt;/div&gt;

        &lt;div id="trash" class="droppable"&gt;&lt;/div&gt;



        &lt;/body&gt;
        &lt;/html&gt; 
</code></pre>
