JavaScript Closures & Variable Scope
===

I'm having a hard time grasping the concept of closures and variable scope in JS. Specifically, how do I access the deeply nested `styleData` variable in a class and then an object created from that class?

I'm sure I have a few other things wrong here, so please chime in and correct me where you see fit. Thanks!

    BuildJSON = {
    	convert: function() {
    		$.ajax({
    			type: "GET",
    			url: "style2.xml",
    			dataType: "xml",
    			success: function(xml) {
    				var styleData = $.xml2json(xml);
    				return styleData; // Do I need to return this somehow?
    			}
    		//How to get access to styleData??
    		});					
    	},
    	
    	styleData: this.convert();
    };
    
    var myClass = function() {
    	this.info = BuildJSON.styleData;
    };
    
    myObject = new myClass;
    
    alert(myObject.info.Style[0].name);