I have a JavaScript object that looks something like this:

var myTextOptions = {

  'cartoon': {

     comic: 'Calvin & Hobbes',

     published: '1993'

  },

  'character names': {

    kid: 'Calvin',

    tiger: 'Hobbes'

  }

}

I can access the properties of cartoon easily using myTextOptions.cartoon.comic or whatever. However, I haven't been able to get the syntax right for accessing kid. I've tried the following with no luck:

myTextOptions.character names.kid

myTextOptions.character names.kid

myTextOptions.character names.kid

myTextOptions.'character names'.kid

myTextOptions.[character names].kid

myTextOptions.character%20names.kid