error with jquery offset
<p>I'm trying to get a div to appear underneath another div so that I can slide the top div down to reveal the appended second.</p>

<p>I'm pretty far off, but I keep getting an error that jquery's <code>[offset][1]</code> (which I'd like to use to get the position of the top div) is returning undefined. </p>

<p>Maybe this is just the wrong approach for this. Any help is appreciated.</p>

<pre><code>$(document).ready(function() {
    $('.obscure').on('click', function() {

        var blueDiv = $('.blue').clone();

      //  blueDiv.css('display', 'none');
        $('#wrapper').append(blueDiv);
        var obscure = $('#obscure');
        var offset = obscure.offset();
        console.log(offset);
        /*Uncaught TypeError: Cannot read property 'top' of undefined */
        var y = offset.top;
        var x = offset.left;
        console.log(y);
        //blueDiv.css('top', y);


        $('.obscure').css('z-index', 10000);



    });
});​
</code></pre>

<p><a href="http://jsfiddle.net/loren_hibbard/U7tAV/" rel="nofollow">http://jsfiddle.net/loren_hibbard/U7tAV/</a></p>
