title: separate knockoutjs into separate files and use requirejs to inject the content
body: <p>A view model has got rather large and I want to separate it out into different files.  Here is the structure I want to use:</p>
  
  <pre><code> |- knockout-2.2.0.debug.js
   |- require.js
   |- /App
      |- Property.js
      |- /Property
         |- Fields.js
         |- Model.js
         |- ViewModel.js
  </code></pre>
  
  <p>Now within my Property.js file I have:</p>
  
  <pre><code>require.config({
      paths: {
          ko: "../knockout-2.2.0.debug"
      },
      baseUrl: "/Scripts/App"
  })
  
  require(['ko', 'Property/ViewModel'], function (ko, viewModel) {
      var view = new viewModel.PropertyViewModel();
      console.log(view);
      ko.applyBindings(view);
  
  })
  </code></pre>
  
  <p>Model.js</p>
  
  <pre><code>define(['ko'], function(ko) {
  
      return {
          PropertyModel: function(id, name, note) {
              var s = this;
              s.Id = ko.observable(id);
              s.Name = ko.observable(name);
              s.Note = ko.observable(note);
          }
      };
  });
  </code></pre>
  
  <p>Now this is where I get stuck, if I have this within my ViewModel:</p>
  
  <pre><code>define(['ko', 'Property/Model', 'Property/Field'], function(ko, model, field) {
      return {
          PropertyViewModel: function () {
              var self = this;
  
              self.Property = ko.observable(new model.PropertyModel("123", "Test", "note"));
          }
      };
  });
  </code></pre>
  
  <p>it works perfect but I really want to move the fields I use (<code>self.Property</code>, etc) into a separate file, so in my Field.Js file I have the following:</p>
  
  <pre><code>define(['ko'], function(ko) {
      return {
          Property: ko.observable()
      };
  });
  </code></pre>
  
  <p>and update the following line:</p>
  
  <pre><code>self.Property = ko.observable(new model.PropertyModel("123", "Test", "note"));
  </code></pre>
  
  <p>to</p>
  
  <pre><code>field.Property(new model.PropertyModel("123", "Test", "Note"))
  </code></pre>
  
  <p>but when I try to console.log the view model, it's just empty.  Is this something you cannot move out and inject into the ViewModel?  If not, why?</p>