How do I remove jQuery's usage of $ from the script files as well?
<p>I'm trying to use jQuery's controls in Software AG webMethods development IDE .. Now I'm importing jQuery's script from the following URL:</p>

<p><a href="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" rel="nofollow">http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js</a></p>

<p>When I run the page deployed by webMethods IDE, I get the following errors in multiple browsers (between the two blue arrows):</p>

<p><img src="http://i.stack.imgur.com/NwWgD.png" alt="enter image description here"></p>

<p>The errors in the middle are the normal errors (i.e. the errors with the blue arrows next to them) which I'm getting, because something else in the page is also using the '$', when jQuery also uses it, it results in this other '$' user in getting confused, since this other '$' user has control for the '$' sign ..</p>

<p>To confirm this, here's what I did:</p>

<p>I wrote the following javascript code (don't worry about the internal usage of <code>CAF.model</code> ..  its <code>.id</code> function returns the client-side ID of the control that jQuery needs for its processing)</p>

<pre><code>alert($(CAF.model("#{activePageBean.clientIds['txtDateInput']}").id).val());
</code></pre>

<p>... and it resulted in another one of those 'getAttribute' errors shown in the picture above ..</p>

<p>I then tried:</p>

<pre><code>jQuery.noConflict();
alert(jQuery(CAF.model("#{activePageBean.clientIds['txtDateInput']}").id).val());
</code></pre>

<p>And there was no error .. !</p>

<p>Also, if I use the code:</p>

<pre><code>jQuery.noConflict();
alert($(CAF.model("#{activePageBean.clientIds['txtDateInput']}").id).val());
</code></pre>

<p>it results in the bottom blue arrow error: Because the other entity using the '$' sign cannot figure out what the function 'val' is ...</p>

<p>The above confirms to me that the errors are because jQuery's script is probably using '$' sign for its own use there ..</p>

<p>Now to try and resolve this, I tried adding another script block <em>before</em> the script block calling jQuery's own script file, and put in this code:</p>

<pre><code>jQuery.noConflict();
</code></pre>

<p>And this resulted in the first blue arrow error: .. 'jQuery' is not defined this early in the document, which makes sense ..</p>

<p>So basically, I need to somehow tell the main jQuery script file to also not use the '$' sign .. How do I do this ?</p>
