why browser can not parse the following code?
<pre><code>&lt;script type='text/javascript'&gt;

    function cool()
    {
        var innerHtml = "&lt;script&gt;&lt;/script&gt;";//simply for demostration
        $("body").append(innerHtml);
    }
 &lt;/script&gt;
</code></pre>

<p>The above will confuse browsers and will not render correctly before the cool function is even invoked. Why?</p>
