title: jQuery/Javascript basic object property
body: <p>Im attempting to create a property called <code>startPosition</code> and then assign the <code>top</code> property to be the button's <code>top</code> value in the CSS.</p>
  
  <p>Here is the jQuery:</p>
  
  <pre><code>var morphObject = {
  
      button: $('button.morphButton'),
      container: $('div.morphContainer'),
      overlay: $('div.overlay'),
      content: $('h1.content, p.content'),
  
      startPosition: {
          top: morphObject.button.css('top')
          // top: 150,
          // left: '20%',
          // width: 200,
          // height: 70,
          // marginLeft: -100
      },
  </code></pre>
  
  <p>Of course, there is more, but this is where the error occurs. The error is: </p>
  
  <pre><code>[Error] TypeError: undefined is not an object (evaluating 'morphObject.button')
  </code></pre>
  
  <p>How can I do this? Thanks.</p>