Uncaught SyntaxError: Unexpected token { when loading jQueryUImin file
<p>My code is very simple html and attaching jQuery, jQueryUI javascript files, and the ui.css and the code is as follows</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;meta charset="utf-8"&gt;
        &lt;title&gt;Untitled Document&lt;/title&gt;
        &lt;link href="ui_style.css" rel="stylesheet" type="text/css" /&gt;
        &lt;script type="text/javascript" src="jquery-220min.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript" src="jquery-1114uimin.js"&gt;&lt;/script&gt;
        &lt;script&gt;
            $(document).ready(function () {
                $("#btn").button();
            });
        &lt;/script&gt;
    &lt;/head&gt;

    &lt;body&gt;
        &lt;div id="btn"&gt;Click&lt;/div&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>And I am getting "Uncaught SyntaxError: Unexpected token {" in the browser console while I render the page. Actually this error arises sometimes usually when I clear the cache/history of the browser; And I found WHY this comes!!. This error occurs due to the jQueryUI is not loading completely, loading only partially. Sometimes the jQueryUImin javascript is loading completely and sometimes partially. This is the reason I am getting this error.</p>

<p>I need a solution for this and I dont know why this happens. Any have similar situation </p>