jQuery multiple variable not working on same page
<p>I am using jQuery <code>$ var</code> in my codes but I have some external js file those are  using <code>$jx</code> as jQuery Var. Now My codes are not working , I am getting <code>$</code> not is a function. I removed all external js files then it is working. I searched for solution. Many people says " You can use your own var as jQuery/$ instead by using like <code>var $jx = jQuery.noConflict();</code>. But when I call this line in me page , my <code>$ var</code> is being removed and showing "$ is not a function " error. I made a simple code to explain this problem</p>

<p>Please Read and test my following codes.</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
//var $=jQuery.noConflict();
var $jx = jQuery.noConflict(); // this $jx var will be used in another plugins or codes

function test()
{
$("#test").hide();
}
&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;
&lt;input type="button" value="Click Me to hide box" onclick="test()" /&gt;
&lt;div id="test" style="border:1px solid #0033FF; background:#999900; height:100px; width:200px; color:#FFFFFF; font-size:20px;"&gt;I will be hidden&lt;/div&gt;
&lt;/body&gt;
</code></pre>

<p></p>

<p>Run above codes, Click on the button, nothing will be happen. An error will be occurred.
Now just remove this line <code>var $jx = jQuery.noConflict();</code> then it will work. I did not use $jx here, but made it for others external scripts. so how can I use both $ and <code>$jx</code> in my same page?
What is my mistake ?.</p>

<p>My work has been stopped on the middle of the project.</p>

<p>Please help me</p>
