title: Knockout js, accessing observables out side the loop
body: <p>Consider the following example:</p>
  
  <pre><code>var something = ko.observableArray([{name: bob}, {name: sally}]);
  
  &lt;div data-bind="foreach: something"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Inside this <code>div</code> I can do something like: <code>&lt;p data-bind="text: name"&gt;&lt;/p&gt;</code></p>
  
  <p>But what if I had another <code>ko.observerableArray</code>:</p>
  
  <pre><code>var another = ko.observableArray([{age: 22}, {age: 33}]);
  
  &lt;div data-bind="foreach: something"&gt;
    &lt;p data-bind="text: name"&gt; &lt;/p&gt;
    // How do I access another? When I do:
  
    &lt;div data-bind="foreach: another"&gt;
      &lt;p data-bind="age"&gt; &lt;/p&gt;
    &lt;/div&gt;
  
    // I get, another is not defined    
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>How do I access a second <code>ko.observableArray</code></strong> inside the first loop of a <code>ko.observableArray</code> ??**</p>