Selecting the child of a block in a plugin
<p>I'm working on a plugin right now and can't get it to work.</p>

<p>I want to make a container like <a href="https://www.facebook.com/pages/create/?ref_type=sitefooter" rel="nofollow"><strong>this one</strong></a></p>

<p>If you click on a block, the cover should move into a specific direction.<br>
But every time I want to get the child of the <code>.coverFrame-Container</code>, it just gives me the link of the file + <code>' &gt; .cover'</code></p>

<p>Here is my code:</p>

<pre><code>$.fn.coverBlock = function () {
    // Settings
    var settings = $.extend({
        direction: 'up',
        speed: 400
    });

    $(this).click(function () {
        element = this;
        console.log(this + ' .cover');
    });
}

$(function () {
    $('.coverFrame').coverBlock();
});
</code></pre>

<p>This is just in debug now.</p>

<p>The console-log in the click-function just gives me this:</p>

<pre><code>file:///G:/wamp/www/training/index.html# .cover 
</code></pre>

<p>Without the addition +<code>' .cover'</code> it gives me the following:</p>

<pre><code>&lt;a href="#" class="coverFrame" style="display: block; height: 100px; width: 100px;"&gt;...&lt;/a&gt;
</code></pre>

<p>How can I fix it that I can select the child and work with it?</p>
