I know this Question has been asked here before, but still I can't figure out in my case, so please advise.
I made some GitHub page:
http://kenokabe.github.io/test
Chrome browser fails to open this page at first, and the reload shows properly. Incognite Window fails even after it's reloaded.
Chrome Console says:
Uncaught SyntaxError: Unexpected token < jquery-2.0.3.min.js:4
The page is based on
https://github.com/kenokabe/kenokabe.github.io
Brief Content Management System
No Server side involved. JS code on Client side does all.
Getting Ready- /scheme.html is a clone of the index.html (Auto Generated @setup). 
- /javascripts/invoke.js the bootstrapper 
- Edit a DOC on Dual Pane MarkDown Editor 
- At the end of the file, add - <style type="text/css">body {display: none;}</style><script src="/javascripts/invoke.js"></script>
- Obtain the HTML file via Editor, and upload to the top level of the Github repo 
http://kenokabe.github.io/test0 is an original html file.
http://kenokabe.github.io/test
is a bootstrap html file modified by adding the 1 line code to call invoke.js.
var load = function (src, check, next)
{
    check = new Function('return !!(' + check + ')');
    if (!check())
    {
        var script = document.createElement('script')
        script.src = src;
        document.body.appendChild(script);
        setTimeout(function ()
        {
            if (!check())
            {
                setTimeout(arguments.callee, 100);
            }
            else
            {
                next();
            }
        }, 100);
    }
    else
    {
        next();
    }
};
load(
    'http://code.jquery.com/jquery-2.0.3.min.js',
    'window.jQuery',
    function ()
    {
        $(document).ready(function ()
        {
            $("body").hide(); 
            $("script").attr("src","");
            var body1 = $("body").html();
            $("body").load("/scheme.html", function ()
            {
                $("#doc").html(body1);
                $("body").show();
            });
        })
    }
);