title: Image isn't loading or appearing in element source
body: <p>I'm trying to display an image on my site. </p>
  
  <p>Here's my main.js:</p>
  
  <pre><code>var myApp = angular.module('myApp', ['ngSanitize']);
  
      myApp.factory('Cards', function() {
          var Cards = {};
          Cards.sets = [
      {
       "name":"Theros",
         "code":"THS",
         "releaseDate":"2013-09-27",
         "border":"black",
         "type":"expansion",
         "block":"Theros",
         "cards":[
            {
               "layout":"normal",
               "type":"Creature -- Demon",
               "types":[
                  "Creature"
               ],
               "colors":[
                  "Black"
               ],
               "multiverseid":373661,
               "name":"Abhorrent Overlord",
               "subtypes":[
                  "Demon"
               ],
               "cmc":7,
               "rarity":"Rare",
               "artist":"Slawomir Maniak",
               "power":"6",
               "toughness":"6",
               "manaCost":"{5}&lt;img src=\"resources/images/manaSymbols/black.png\"&gt;&lt;img src=\"resources/images/manaSymbols/black.png\"&gt;",
               "text":"Flying&lt;br /&gt;&lt;br /&gt;When Abhorrent Overlord enters the battlefield, put a number of 1/1 black Harpy creature tokens with flying onto the battlefield equal to your devotion to black. (Each &lt;img src=\"resources/images/manaSymbols/black.png\"&gt; in the mana costs of permanents you control counts toward your devotion to black.)&lt;br /&gt;&lt;br /&gt;At the beginning of your upkeep, sacrifice a creature.",
               "number":"75",
               "imageName":"abhorrent overlord"
            }
            ]
  
      }
          ];
          return Cards;
      })
  </code></pre>
  
  <p>And here's my index.html:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head lang="en"&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Magic Cards&lt;/title&gt;
    &lt;link rel="stylesheet" href="foundation/css/foundation.min.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;div ng-app="myApp"&gt;
      &lt;div ng-controller="CardsCtrl"&gt;
          &lt;input type="text" ng-model="search.$"&gt;
          &lt;table ng-repeat="set in cards.sets | orderBy:'releaseDate'"&gt;
              &lt;tr&gt;
                  &lt;td colspan=5&gt;&lt;h3&gt;&lt;b&gt;&lt;i&gt;{{set.name}} -- &lt;/i&gt;&lt;/b&gt;&lt;/h3&gt;&lt;h5&gt;&lt;b&gt;&lt;i&gt;{{set.block}}&lt;/i&gt;&lt;/b&gt;&lt;/h5&gt;&lt;/td&gt;
              &lt;/tr&gt;
  
              &lt;tr&gt;
                  &lt;td width=200&gt;&lt;b&gt;CARD NAME&lt;/b&gt;&lt;/td&gt;
                  &lt;td width=300&gt;&lt;b&gt;CARD TYPE&lt;/b&gt;&lt;/td&gt;
                  &lt;td width=200&gt;&lt;b&gt;MANA COST&lt;/b&gt;&lt;/td&gt;
                  &lt;td width=200&gt;&lt;b&gt;COLORS&lt;/b&gt;&lt;/td&gt;
                  &lt;td width=75&gt;&lt;b&gt;CMC&lt;/b&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;b&gt;TEXT&lt;/b&gt;&lt;/td&gt;                
              &lt;/tr&gt;
  
              &lt;tr ng-repeat="cards in set.cards | orderBy:'name' | filter:search"&gt;
                  &lt;td enter&gt;{{cards.name}}&lt;/td&gt;
                  &lt;td&gt;{{cards.type}}&lt;/td&gt;
                  &lt;td ng-bind-html="cards.manaCost"&gt;&lt;/td&gt;
                  &lt;td&gt;{{cards.colors}}&lt;/td&gt;
                  &lt;td&gt;{{cards.cmc}}&lt;/td&gt;
                  &lt;td ng-bind-html="cards.text"&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;/table&gt;  
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.3/angular.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="http://code.angularjs.org/1.0.4/angular-sanitize.min.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript" src="scripts/main.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I tried to escape the quotation marks, as you can tell. But when I inspect the element(in Chrome), all I see is <code>&lt;img&gt;</code>. I can tell that this is going to be something completely stupid that I'm missing, but it's been bugging me. Any suggestions?</p>