     # If you don't specify the selector it will return the first node.
 
     # NOTE: Couldn't figure out how to get this to work. Seems like this
-    # should work.
+    # should work. The INDEX is returning null.
+
+    # From SHOESTRING:
+
+		# <div class="index">
+		# 	<div class="first"></div>
+		# 	<div class="second"></div>
+		# </div>
+
+  	# test('`.index()`', function() {
+  	# 	var $indexed = $fixture.find( ".index div" );
+  	# 	equal( $indexed.index( ".first" ), 0 ); <--- I'm testing this
+  	# 	equal( $indexed.index( ".second" ), 1 );
+    #
+  	# 	var $second = $fixture.find( ".index .second" );
+  	# 	equal( $second.index(), 1 );
+  	# });
 
     .then ->
 
       testThing = @.evaluate ->
 
-        junction("body").append("<div id='index'><div id='indexChild'></div></div>")
-        junction("#indexChild").attr("class", "first second")
-
-        return junction("#index").index()
+        junction("body").append("<div class='index'></div>")
+        junction(".index").append("<div class='childOne'></div>")
+        junction(".index").append("<div class='childTwo'></div>")
+
+        thing = junction(".index div")
+        return thing.index(".childOne")
 
       @.echo testThing
 
-      test.assertEquals 1, 1, ["Index isn't finished yet."]
+      # test.assertEquals 1, 1, ["Index isn't finished yet."]
+      test.assertEquals testThing, 0, ["Index is successful."]
 
       return
 

    # element in the original set.

    # NOTE: Maybe I don't know what I'm doing but I don't think this is
    # working correctly.

    .then ->

      @.evaluate ->

        junction("body").append("<div class='next'></div>")
        junction(".next").append("<div class='one'></div>")


casper.test.begin "DOM Testing", 45, (test) ->


  casper.start()
