title: How do I load an external file and make sure that it runs first in JSFiddle?
body: <p>I have a JsFiddle <a href="http://jsfiddle.net/deeptechtons/rEzW5/2/" rel="noreferrer">here</a>, and added Microsoft AJAX to be loaded through external JS/resource section. How can I tell whether or not my JS code is run after the AJAX file has finished loading?</p>
  
  <p>Seems that the AJAX does not load either. :(</p>
  
  <p>Here is the code in the JSFiddle:</p>
  
  <pre><code>Type.registerNamespace("Tutorial.Chapter1");
  Tutorial.Chapter1.Person = function(firstName, lastName) {
      this._firstName = firstName;
      this._lastName = lastName;
  };
  Tutorial.Chapter1.Person.prototype = {
          set_firstName: function(value) {
              this._firstName = value;
          },
          get_firstName: function() {
              return this._firstName;
          },
          set_lastName: function(value) {
              this._lastName = value;
          },
          get_lastName: function() {
              return this._lastName;
          },
          _firstName: "",
          _lastName: "",
          displayName: function() {
              alert("Hi! " + this._firstName + " " + this._lastName);
          }
      };
  Tutorial.Chapter1.Person.registerClass("Tutorial.Chapter1.Person", null);
  </code></pre>