js file cant use jquery
<p>I have a weird bug where I include this files in my  section</p>

<pre><code>&lt;script src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
&lt;script src="js/barScriptOOP.js"&gt;&lt;/script&gt;
</code></pre>

<p>in the barScriptOOP.js I have this </p>

<pre><code>function position_bar(){
    //global variable
    this.sizes      = Array();
}
//class methods =&gt; getData (from xml file), draw(draws the bar )
position_bar.prototype ={
    getData: function(is_load){

        var xmlData = Array();
        $.ajax({
            type: "GET",
            url: "Bar.xml",
            dataType: "xml",
            context: this,
            success: function(xml) {

                //extracting new data - some code here
                                xmldata = "blabla";
                this.draw(is_load, xmlData);
            }
        })//end ajax

    }, 
//other functions 
</code></pre>

<p>when I use this script, I get a '$.ajax is not a function' error.
1. I tried editing out <code>this.draw(is_load, xmlData);</code> and it didn't errored me. 
my programs rpeatly calls the getData function.</p>

<p>note: I also get a <code>'$.browser is undefined'</code> error which is in the other function(this is the first error I get).</p>

<p>meaning ==> the going to another function unables jquery.</p>

<p>any idead what is going on here?</p>
