title: variables in $.get() function: can't access out of that function again?
body: <p>I have another javascript/jQuery's variables scope questions to ask...</p>
  
  <p>Say I declared a object named Container. In which there is a variables called myimage which will read a address from some xml file.</p>
  
  <pre><code> Container = function()
   {
     var myimage;
   }
  
   Container.prototype.readXML = function()
   {
     $.get("assest/xml/images.xml",function(xml)
  {
      //Read in URL path from XML file, and store them into memeber variables
      myimage = $(xml).find('background').text();
      //Apply background image into body, and apply css styple into it
      $("body").css('background-image','url(' + myimage + ')');
              //This alert will work
              alert(myimage);
  });
              //This alert gives not defined variable
      alert(myimage);
    }
  </code></pre>
  
  <p>Please look at the two alert section. It seems this variable I defined in the Container object, can only work inside that readXML function. but not out. I can't understand why this happend.</p>
  
  <p>I do use some other notation, like declare with
          this.myimage
  and access it by change name of this to self before execute the $.get function
          var self= this;</p>
  
  <p>But it get worse. Sometimes it even can't be reached anymore inside the get function.</p>
  
  <p>Could you help me with this? My final goal is an array in that object and read bunch of data from XML than display them into HTML. If the variables I set in the Object can't be reached, there is no way I can do that.</p>
  
  <p>Thank you!!</p>