title: Image not displaying and no errors despite <img> tag being present
body: <p>(Repoed on <a href="http://plnkr.co/4tGAFuqjfqn9hYUy1Xoa" rel="nofollow">Plunkr</a>)</p>
  
  <p>I have a page, the user enters a username, website goes and gets some metadata, including the Gravatar ID.  It then uses the ID to display the avatar, however, despite the <code>img</code> tag being there, the correct URL being in it and there being no errors in the developer console of the browser the image isn't displayed.</p>
  
  <p>I can also see the HTTP call being made, and returning 200.</p>
  
  <hr>
  
  <h2>NB</h2>
  
  <p>If I open the Plunkr in Firefox, I can a reference error:</p>
  
  <pre><code>ReferenceError: angular is not defined
  http://run.plnkr.co/plunks/4tGAFuqjfqn9hYUy1Xoa/app.js
  Line 1
  </code></pre>
  
  <h2>NB</h2>
  
  <p>In both IE and Safari it works as expected, only Chrome fails without error.</p>
  
  <hr>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="gitHubViewer"&gt;
  &lt;head lang="en"&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="script/angular/app.js"&gt;&lt;/script&gt;
      &lt;script src="script/angular/controllers/main-controller.js"&gt;&lt;/script&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div ng-controller="MainController"&gt;
      &lt;div&gt;
          &lt;h2&gt;{{user.name}}&lt;/h2&gt;
          &lt;div&gt;Username: {{user.login}}&lt;/div&gt;
          &lt;div&gt;Gravatar ID: {{user.gravatar_id}}&lt;/div&gt;
          &lt;img ng-src="http://www.gravatar.com/avatar/{{user.gravatar_id}}" /&gt;
      &lt;/div&gt;
  
      &lt;form name="searchUser"&gt;
          &lt;input type="search" placeholder="Username to find." ng-model="username" /&gt;
          &lt;input type="submit" value="Search" ng-click="search(username)"/&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Main Controller:</p>
  
  <pre><code>(function (app) {
      var MainController = function ($scope, $http) {
          $scope.message = 'Hello World!';
  
          $scope.search = function (username) {
              console.log('Username = ' + username);
  
              $http.get('https://api.github.com/users/' + username)
                  .then(onUserComplete);
          };
  
          var onUserComplete = function (response) {
              $scope.user = response.data;
          };
  
      };
  
      app.controller("MainController", ["$scope", "$http", MainController])
  })(gitHubViewer);
  </code></pre>
  
  <p>app.js</p>
  
  <pre><code>var gitHubViewer = gitHubViewer || angular.module("gitHubViewer", [], function () {
  });
  </code></pre>