title: Angularjs and jQuery $.noConflict()
body: <p>Having some issues implementing any of the methods for noConflict. 
  I'm not sure what is going on, the jQuery CDN loads before the Angularjs CDN also the file in which I try to use Jquery loads before any Angularjs files (controllers etc).</p>
  
  <p>No jQuery functions are working when trying to implement this.</p>
  
  <p>Anyone know what is going on?</p>
  
  <pre><code>&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../public/JS.js"&gt;&lt;/script&gt;
  &lt;script src="../public/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../public/javascript/comsumer.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../public/javascript/controllers.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../public/javascript/services.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="../public/javascript/directives.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>That is the order in which the files are called.</p>
  
  <p>Thanks in advance for any help you can offer.</p>
  
  <p>Code that isn't working - all noConflict</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
    $.noConflict();
    jQuery(document).ready(function($) {
    // Code that uses jQuery's $ can follow here.
    });
   // Code that uses other library's $ can follow here.
  &lt;/script&gt;
  </code></pre>
  
  <p>Also</p>
  
  <pre><code>jQuery.noConflict();
   jQuery(".test").hide();
  </code></pre>
  
  <p>Also</p>
  
  <pre><code>jQuery.noConflict();
   (function($) {
     $(function() {
       // more code using $ as alias to jQuery
        $(".test").hide();
     });
  })(jQuery);
    // other code using $ as an alias to the other library
  </code></pre>
  
  <p>Also</p>
  
  <pre><code> var j = jQuery.noConflict();
     j(".test").hide();
  </code></pre>
  
  <p>lastly</p>
  
  <pre><code>var dom = {};
  dom.query = jQuery.noConflict(true);
     dom.query(".test").hide();
  </code></pre>
  
  <p>none seem to work, I have put them in my JS file, none jQuery function are triggering </p>