Passing another div element as arguement to jquery plugin
<p>I'm basically trying to do a dropdown jquery plugin.</p>

<h2>HTML</h2>

<pre><code>&lt;script type='text/javascript' src='script.js'&gt;&lt;/script&gt;
&lt;div id="clickDiv"&gt;Click Me&lt;/div&gt;
&lt;div id="nav"&gt;
    &lt;span&gt;settings&lt;/br&gt;&lt;/span&gt;
    &lt;span&gt;Preferences&lt;/br&gt;&lt;/span&gt;
    &lt;span&gt;Logout&lt;/br&gt;&lt;/span&gt;        
&lt;/div&gt;
</code></pre>

<h2>Script (script.js)</h2>

<pre><code>$('#clickDiv').click(function() {
   $('#nav').dDown({
          parent : '#clickDiv'; 
   });  
});
</code></pre>

<h2>Plugin script</h2>

<pre><code>$.fn.dDown = function(parent) { 
    var options = {
        parent : ''
    };

    if(parent) {
        $x = $(parent);
        console.log($x.css('top'));  //Get the top position of the #clickDiv
    }
};
</code></pre>

<p>How can i get the properties of the element .. line $x.css('top') throws error</p>
