title: Using jQuery's $.ajax within an angularJS controller
body: <p>How can I use jQuery's $.ajax() function inside an angularJS controller (instead of angularJS built-in $http) so that the $scope values can be accessed from a view/template later?</p>
  
  <p>I have this somewhat minimalistic angularJS controller:</p>
  
  <pre><code>function UserCtrl($scope, $http) {
      $.ajax('http://localhost:8080/admin/user/johndoe').success(function(data) {
          $scope.user = data;
      });
  }
  </code></pre>
  
  <p>And in the view something like:</p>
  
  <pre><code>&lt;h1&gt;Hello, {{ user.Username }}&lt;/h1&gt;
  </code></pre>
  
  <p>However, the <code>&lt;h1&gt;</code> in the view will be empty on load, altough a <code>console.log()</code> in the controller tells me that $scope.user is populated just as I want.</p>
  
  <p>Now, If I replace the <code>$.ajax()</code> call with <code>$http.get()</code> everything works fine as expected.</p>
  
  <p>I know of <code>$http</code> that is angularJS built-in, but since I am not starting from scratch but have already lots of code that uses jQuery throughout, I want to stick to jQuery for $.ajax().</p>
  
  <p>Any ideas?</p>