title: How is it possible for the page source not to show what is on the page?
body: <p>This is my web page:</p>
  
  <p><img src="https://i.stack.imgur.com/166x3.png" alt="enter image description here"></p>
  
  <p>I'm trying to find out why my list isn't showing up correctly, but that's <a href="https://stackoverflow.com/q/18685705/279516">another post</a>. To troubleshoot, I right-clicked on the page and chose View page source. As you can see below, that list of people (Adam Kinkaid, etc.) doesn't even show up. How is that possible?</p>
  
  <p>Page source:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Presto&lt;/title&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /&gt;
      &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
      &lt;meta name="apple-mobile-web-app-status-bar-style" content="black" /&gt;
      &lt;meta name="format-detection" content="telephone=no"/&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
  
      &lt;link href="/Content/ie10mobile.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/jquery.mobile-1.3.2.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/jquery.mobile.structure-1.3.2.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/jquery.mobile.theme-1.3.2.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/bootstrap.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/bootstrap-responsive.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/durandal.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/toastr.css" rel="stylesheet"/&gt;
  &lt;link href="/Content/app.css" rel="stylesheet"/&gt;
  
      &lt;script type="text/javascript"&gt;
          if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
              var msViewportStyle = document.createElement("style");
              var mq = "@-ms-viewport{width:auto!important}";
              msViewportStyle.appendChild(document.createTextNode(mq));
              document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
          }
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="applicationHost"&gt;
          &lt;div class="page-splash"&gt;&lt;/div&gt;
  &lt;div class="page-splash-message"&gt;
      Presto
  &lt;/div&gt;
  &lt;div class="progress progress-striped active page-progress-bar"&gt;
      &lt;div class="bar" style="width: 100%;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
      &lt;/div&gt;
  
      &lt;script src="/scripts/jquery-1.9.1.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/jquery.mobile-1.3.2.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/knockout-2.2.1.debug.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/sammy-0.7.4.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/toastr.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/Q.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/breeze.debug.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script src="/scripts/moment.js"&gt;&lt;/script&gt;
  
              &lt;script type="text/javascript" src="/App/durandal/amd/require.js" data-main="/App/main"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>