title: Referencing an internal variable in a JS object
body: <p>In a simple JS object like this:</p>
  
  <pre><code>var LeadserData = {
      agent_id: 2,
  
      object_queries: {
          emails: {
              url: "/manual_emails/",
              method: 'GET',
                send_data: { 
                     the_id: this.agent_id
                }
          }
      }
  }
  </code></pre>
  
  <p>it is obviously possible to access the agent_id simply like this:</p>
  
  <pre><code>LeadserData.agent_id = 100;
  alert(LeadserData.agent_id);
  </code></pre>
  
  <p>This obviously returns 100. But why does not the internal reference of <code>this.agent_id</code> work?</p>
  
  <pre><code>alert((LeadserData.object_queries.emails.send_data.the_id));
  </code></pre>
  
  <p>I was expecting this to come out as "100" as well, but instead it is undefined.  The whole fiddle is here: <a href="https://jsfiddle.net/h88zc5nw/1/" rel="nofollow noreferrer">https://jsfiddle.net/h88zc5nw/1/</a> </p>
  
  <p>What is the explanation for this behaviour, and how can I tweak this to return the expected <code>100</code>.</p>