Why can't I set this element reference as a variable?
<p>I have a javascript object as such (simplified).  </p>

<pre><code>var MyObject = (function(){

  var propertyOne = $('.links li:first-child');
  var propertyTwo = $('.links .active');

  function startup()
  {
    propertyOne.addClass("class");  //Works
    propertyTwo.addClass("class2");  //Does not work
    $('.links .active').addClass("class2");  // Works
  }

  return {
     init: function()
     {
       startup();
     }
  }
});
</code></pre>

<p>What's the difference in the way I'm selecting propertyOne and propertyTwo?  I don't understand why </p>

<pre><code>propertyOne.addClass("class");  //Works
$('.links .active').addClass("class2");  // Works
</code></pre>

<p>Yet...</p>

<pre><code>propertyTwo.addClass("class2");  //Does not work
</code></pre>

<p>Can anyone help explain this to me?</p>
