Where to put "innerShiv" in this .load() code fragment?
<p>I'm trying to insert "innerShiv" into this Code:</p>

<pre><code>$(function() {

    var newHash      = "",
        $mainContent = $("#main-content"),
        $pageWrap    = $("#page-wrap"),
        baseHeight   = 0,
        $el;

    $pageWrap.height($pageWrap.height());
    baseHeight = $pageWrap.height() - $mainContent.height();

    $("nav").delegate("a", "click", function() {
        window.location.hash = $(this).attr("href");
        return false;
    });

    $(window).bind('hashchange', function(){

        newHash = window.location.hash.substring(1);

        if (newHash) {
            $mainContent
                .find("#guts")
                .fadeOut(200, function() {
                       $mainContent.hide().load(innerShiv(newHash + " #guts"), function() {
                    $mainContent.fadeIn(200, function() {
                        $pageWrap.css({
                            height: baseHeight + $mainContent.height() + "px"
                        });
                    });
   });
                        $("nav a").removeClass("current");
                        $("nav a[href='"+newHash+"']").addClass("current");
                    });
                });
        };

    });

    $(window).trigger('hashchange');

});
</code></pre>

<p>This doesn't work yet. Where to put the bracket correctly?</p>

<p>Sources: </p>

<p><a href="http://css-tricks.com/6336-dynamic-page-replacing-content" rel="nofollow">http://css-tricks.com/6336-dynamic-page-replacing-content</a><br>
<a href="http://jdbartlett.com/innershiv/" rel="nofollow">http://jdbartlett.com/innershiv/</a></p>

<p>Thank you.</p>
