title: Knockout JS - How to correctly bind an observableArray
body: <p>Please take a look at this example.
  <a href="http://jsfiddle.net/LdeWK/2/">http://jsfiddle.net/LdeWK/2/</a></p>
  
  <p>I want to know how to bind values of an observable array. I know the problem in the example above, it is this line</p>
  
  <pre><code>&lt;p&gt;Editing Fruit: &lt;input data-bind="value: $data" /&gt;&lt;/p&gt;
  </code></pre>
  
  <p>$data is the actual value, not the observable function that you would normally bind.
  This seems like it should be a pretty straight forward process, however I cant figure it out.</p>
  
  <p>In other cases I have used observable arrays and had an observable object as each element of the observable array. I wanted to know how to get this to work with just observable array.</p>
  
  <p>Thanks</p>