title: jquery object inside an object literal
body: <p>i am trying not to repeat the selector and get to its children via a the same objects <code>parentElment</code> declared variable.</p>
  
  <p>I tried:</p>
  
  <pre><code>testimonialsBelt={
      parentElment:$(".testimonialsCntnr ul"),
      childrenElem:this.parentElment.children().length
  }
  </code></pre>
  
  <p>I also tried:</p>
  
  <pre><code>testimonialsBelt={
      parentElment:$(".testimonialsCntnr ul"),
      childrenElem:$("testimonialsBelt.parentElment").children().length
  }
  </code></pre>
  
  <p>but i keep on getting a <code>undefined</code> when calling <code>alert(testimonialsBelt.childrenElem)</code>.</p>
  
  <ol>
  <li>is there anyway to get the jquery object with object literals? 
  <br>
  <br></li>
  <li>What is the rule? when can i use <code>this</code> and when must i have the full path?  (in this case <code>testimonialsBelt.parentElment</code>).</li>
  </ol>
  
  <p>i am trying to have all these variables in one object called testimonialsBelt. i know i can do this with loose javaScript.
  Thanks</p>