title: JavaScript only works with a breakpoint set in browser debugger
body: <p>I have a basic function in JavaScript that simply takes some pre-set values and puts them onto the screen by the use of a pre-made function. When I breakpoint the first line of what it is I'm doing, the page loads fine, as expected, but as soon as I remove that breakpoint, none of the information is set. and the page is blank. </p>
  
  <pre><code>this.QuizSelection = function () {
          // Fill the ID's with the right info
          app.SetBackground('head', this.HeroImage);
          console.log('1 ' + this.HeroImage);
          app.LoadInnerHTML('breadcrumbs', 'Home / ' + this.Title);
          app.LoadInnerHTML('quizSelectionTitle',this.Title);
          console.log('2 ' + this.Title);
          app.LoadInnerHTML('quizSelectionIntro',this.Introduction);
          console.log('3 ' + this.Introduction);
          // Show the Quiz Selection and Heading
          app.ShowSection('head');
          app.ShowSection('quizSelection');
          console.log('Quiz Selection');
      }.bind(this);
  </code></pre>
  
  <p>The functions inside that (SetBackground and LoadInnerHTML) are just small one line functions that change the inner html and the set a background image.</p>
  
  <pre><code>// Change Inner HTML
  this.LoadInnerHTML = function (id, html) {
      var d = document.getElementById(id);
      d.innerHTML = html;
  }
  
  // Set Background Image
  this.SetBackground = function (id, image) {
      document.getElementById(id).style.backgroundImage = 'url(image)';
  }
  </code></pre>
  
  <p>I can't understand why it wouldn't work when the breakpoint isn't on. Clearly it does work, because everything is fine with the breakpoint on, but then when it's off the result I get output to the console is: </p>
  
  <pre><code>1     
  2 
  3 undefined 
  Quiz Selection 
  </code></pre>