Can't access item in a javascript associative array
===

I have a javascript "module" (as we call them in python) in a file called thing.js:

    function Thing(){
	this.a = "foo";
	this.b = "bar";
	this.c = "";
	
	this.d = function(){
	    this.c = this.a + this.b;
	};
    };
    
    var things = {
	'one':Thing(),
	'two':Thing(),
	'three':Thing()
    };
    alert(things["one"]); // output: undefined!!??
    
    /* Pick out two random items from things. */
    var random_thing = function(){
        //var grabbed = 0;
        //while(grabbed < 1){
	var pick = getRandomInt(0,2);
	alert(things["one"]); // output: undefined!!
        //if ()
        //return pick;
    };

The code is a little incomplete, I want to randomly pick out two items from things and return them.  That's not the immediate issue though.

I have a separate "main" javascript file called main.js, which calls to these objects and functions:

    $div1.append(random_thing());

In my html file, I include both javascript files:

    <script type="text/javascript" src="thing.js"></script>
    <script type="text/javascript" src="main.js"></script>

But the output I keep getting is "undefined" for alert(things['one'])!  I don't understand how the first alert returns undefined, it's right below the definition of the things associative array.