Published HTML5 acting different than localhost test

jQuery.each(self.response.results[0].address_components, function () {
	var component = jQuery(this)[0];
	jQuery.each(component.types, function () {
	    console.log(jQuery(this));
	    switch (jQuery(this).selector) {
	        case 'street_number':
	            self.data.street_number = component.long_name;
	            break;

	        case 'route':
	            self.data.street = component.long_name;
	            break;

	        case 'locality':
	            self.data.city = component.long_name;
	            break;

	        case 'administrative_area_level_1':
	            self.data.state = component.long_name;
	            break;

	        case 'administrative_area_level_2':
	            self.data.county = component.long_name;
	            break;

	        case 'country':
	            self.data.country = component.long_name;
	            break;

	        case 'postal_code':
	            self.data.postal_code = component.long_name;
	    }
	});
});[/code:35hglc6l]

The console.log will output the following on test (correct):
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]
Object[]

Where the Object selectors will have some value.
But the exported project will output this:
Object["s", "t", "r", "e", "e", "t", "_", "n", "u", "m", "b", "e", "r"]
Object["r", "o", "u", "t", "e"]
Object["l", "o", "c", "a", "l", "i", "t", "y"]
Object["p", "o", "l", "i", "t", "i", "c", "a", "l"]
Object["a", "d", "m", "i", "n", "i", "s", "t", "r", "a", "t", "i", "v", "e", "_", "a", "r", "e", "a", "_", "l", "e", "v", "e", "l", "_", "2"]
Object["p", "o", "l", "i", "t", "i", "c", "a", "l"]
Object["c", "o", "u", "n", "t", "r", "y"]
Object["p", "o", "l", "i", "t", "i", "c", "a", "l"]
Object["p", "o", "s", "t", "a", "l", "_", "c", "o", "d", "e"]
Object["s", "t", "r", "e", "e", "t", "_", "n", "u", "m", "b", "e", "r"]
Object["r", "o", "u", "t", "e"]
Object["l", "o", "c", "a", "l", "i", "t", "y"]
Object["p", "o", "l", "i", "t", "i", "c", "a", "l"]
Object["a", "d", "m", "i", "n", "i", "s", "t", "r", "a", "t", "i", "v", "e", "_", "a", "r", "e", "a", "_", "l", "e", "v", "e", "l", "_", "2"]
Object["p", "o", "l", "i", "t", "i", "c", "a", "l"]
Object["c", "o", "u", "n", "t", "r", "y"]
Object["p", "o", "l", "i", "t", "i", "c", "a", "l"]
Object["p", "o", "s", "t", "a", "l", "_", "c", "o", "d", "e"]

Why is this so ? Please help me. 

-Acey

for(var componentIndex in self.response.results[0].address_components)
{
	var component = self.response.results[0].address_components[componentIndex]
	console.log(component);
	for (var typeIndex in component.types) {
	    switch (component.types[typeIndex]) {
	        case 'street_number':
	            self.data.street_number = component.long_name;
	            break;

	        case 'route':
	            self.data.street = component.long_name;
	            break;

	        case 'locality':
	            self.data.city = component.long_name;
	            break;

	        case 'administrative_area_level_1':
	            self.data.state = component.long_name;
	            break;

	        case 'administrative_area_level_2':
	            self.data.county = component.long_name;
	            break;

	        case 'country':
	            self.data.country = component.long_name;
	            break;

	        case 'postal_code':
	            self.data.postal_code = component.long_name;
	    }
	}
}[/code:3iu4v7uy]