title: Forcing angular to use jQuery over JQLite
body: <p>As per the angular DOCS
  If jQuery is available, angular.element is an alias for the jQuery function. If jQuery is not available, angular.element delegates to AngularJS's built-in subset of jQuery, called &quot;jQuery lite&quot; or jqLite.</p>
  <p>I am trying to force angular to use jQuery over JQLite by loading angular after jQuery. However angular.element still is a JQLite reference. Below is the code.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;!DOCTYPE html&gt;
      &lt;html lang="en"&gt;
      
      &lt;head&gt;
          &lt;meta charset="UTF-8"&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;title&gt;Document&lt;/title&gt;
          &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      
      &lt;body&gt;
          &lt;button onClick="load()"&gt;load&lt;/button&gt;
          &lt;button onClick="check()"&gt;check&lt;/button&gt;
      &lt;/body&gt;
      &lt;script&gt;
          function load() {
              var scriptElement = document.createElement("script");
              scriptElement.onload = function () {
                  console.log("Successfully loaded script 2 using (onload).");
              };
              scriptElement.src = "https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js";
              document.head.appendChild(scriptElement);
          }
          function check() {
              console.log(angular.element == jQuery) // false
          }
      &lt;/script&gt;
      
      &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>Also after everything loads if I check <code>angular.element('div')</code> it gives jQlite error,</p>
  <pre><code>angular.js:3236 Uncaught Error: [jqLite:nosel] http://errors.angularjs.org/1.6.9/jqLite/nosel
  at angular.js:88
  at Object.V [as element] (angular.js:3236)
  at &lt;anonymous&gt;:1:9
  </code></pre>
  <p>which clearly means angular is pointing to jQlite and not jQuery.</p>
  <p>I am doing as per the documentation to point angular to jQuery. Where am I going wrong ?</p>