title: Angular JS: ng-repeat doesn't work
body: <p>I am new in angular JS. And this is the first time I wrote a bit of code using Angular JS by watching a tutorial. But in that video tutorial the code works properly, but my code is not working. My web page is showing a blank page. </p>
  
  <p>The <strong>index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;MTG Browser&lt;/title&gt;
      &lt;link href="index.css" rel="stylesheet" /&gt;
      &lt;script src="angular.min.js"&gt;&lt;/script&gt;
      &lt;script src="CardsController.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body ng-controller="cardsListController"&gt;
      &lt;div id="cardsList"&gt;
          &lt;div ng-repeat="card in cards" class="cardItem"&gt;
              Card {{card.id}}
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And the <strong>CardsController.js</strong></p>
  
  <pre><code>var cardsListController = function ($scope) {
      $scope.cards = [{ id: 1 }, { id: 2 }];
  };
  </code></pre>
  
  <p>Please someone explain why the code is not working?</p>