jquery load to hide content
<p>There is javascript on my webpage, but I need to hide it from my users (I don't want them to be able to see it because it contains some answers to the game.)</p>

<p>So I tried using Jquery .load in order to hide the content (I load the content from an external js file with that call). But it failed to load. So I tried ajax and it failed too.</p>

<p>Maybe the problem comes from the fact that I'm trying to load a file located in my root directory, while the original page is located in "root/public_html/main/pages":</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function() {
    $.ajax({
        url : "../../../secret_code.js",
        dataType: "text",
        success : function (data) {
            $("#ajaxcontent").html(data);
        }
    });
});
&lt;/script&gt;
</code></pre>

<p>1) Why can't I load a file from the root directory with ajax or load method?
2) Is there another way around?</p>

<p>PS: I'm putting the file in the root directory so people can't access it directly from their browsers...</p>
