jQuery doesn't understand wildcard
<p>I have this code that uses <code>load()</code>:</p>

<pre><code>function showFullWork() {
    $('.work .desc h2 a').on('click', function() {
        var href = $(this).attr('href');
        $('.work').slideDown();
        $('.showWork').slideUp();
        var el = $(this).parent().parent().parent();
        var top = $(el).offset().top-100;
        $(el).slideToggle('fast',function() {
            $(el).after('&lt;div class="showWork span12"&gt;&lt;button type="button" class="close" &gt;×&lt;/button&gt;&lt;div class="expanded row-fluid"&gt;&lt;/div&gt;&lt;/div&gt;');
            $(el).next('.showWork').slideToggle();
            $(el).next('.showWork').children('div.expanded').load(href + ' .workdisplay &gt; *', function() {
                $(this).slideDown('fast', function() {
                    $('html, body').animate({
                        scrollTop: top
                    },500)
                });
            });

            $('.showWork button.close').on('click', function() {
                $(this).parent().slideToggle('fast', function() {
                    $(this).prev().slideToggle();
                    var top = $(this).prev().offset().top-100;

                    $('html, body').animate({
                        scrollTop: top
                    },500)
                });
            });
        });
        return false;
    });
}
</code></pre>

<p>It is very simple and straight-forward. It takes <code>href</code>, filters it and should load the content. But it doesn't. jQuery doesn't seem to understand the <code>*</code> wildcard. When I ommit it and put simply <code>href + ' .workdisplay'</code>, it works. But I don't want to have this additional container included. What can I do?</p>
