title: require js not working with knockout
body: <p>I am using require js in mvc4 . </p>
  
  <p><strong>View</strong></p>
  
  <pre><code>&lt;script data-main="/scripts/about" src="/scripts/require.js" &gt;&lt;/script&gt;
  &lt;article&gt;
  &lt;p&gt;
      Use this area to provide additional information.
  &lt;/p&gt;
  &lt;/article&gt;
  </code></pre>
  
  <p><strong>about.js</strong></p>
  
  <pre><code>   require.config({
  
      paths: {
          page1: '/Scripts/page1',
          page2: '/Scripts/page2',
          knockout : '/Scripts/knockout-2.2.0'
        }
  
      });
  
       require(['page1', 'page2','knockout'], function (page1, page2) {
  
       var car = new page1.Car();
        car.speed(60);
  
        var cycle = new page2.Cycle();
        cycle.speed(20);
  
  
  
        console.log(car.speed());
       console.log(cycle.speed());
    });
  </code></pre>
  
  <p><strong>page1.js</strong></p>
  
  <pre><code>    define(function(){
  
      function Car() {
  
      var self = this;
      self.speed = ko.observable();
  
       }
  
       });
  </code></pre>
  
  <p><strong>page2</strong></p>
  
  <pre><code>  define(function () {
  
    function Cycle() {
  
      var self = this;
      self.speed = ko.observable();
  
     }
  
     });
  </code></pre>
  
  <p>In console it says <code>Car</code> is undefined. </p>
  
  <p><strong>Update</strong></p>
  
  <pre><code>  define(['knockout'],function(ko){
  
     function Car() {
  
      var self = this;
      self.speed = ko.observable();
      return {
          speed: self.speed() // But don't forget to declare it in the returned object!
         };
       }
  
    });
  </code></pre>
  
  <p>I did this in both page1 and page2 </p>
  
  <p>Thanks in advance</p>