jquery++ drop function
<p>Hi im trying to make a darg and drop question.</p>

<p>I want top use this ++ code:
<a href="http://jsfiddle.net/donejs/3NkZM/light/" rel="nofollow">http://jsfiddle.net/donejs/3NkZM/light/</a></p>

<p>i want the box to turn green for correct and red for incorrect.</p>

<p>Ie i am drag would be correct
and drag me to to be incorrect</p>

<p>i have tried a few different methods such as:</p>

<pre><code>    $('.drag').on('draginit', function(ev, drag) {
        // Create a ghost for this drag
        drag.ghost();
    });

    $('.drop').on({

        'dropover' : function(ev, drop, drag) {
            $(this).addClass('highlight');
        },
        'dropout' : function(ev, drop, drag) {
            $(this).removeClass('highlight');
        },
        'dropon' : function(ev, drop, drag) {
            if('#correct') {
                $(this).addClass('green')   
            }
            else {
                $(this).addClass('red') 
            };
        };
});
</code></pre>

<p>can anyone point me in the right direction ?</p>
