title: Writing over .html() with certain conditionals
body: <p>I'm trying to display different strings depending on the score upon completion of a 10 question quiz but the strings are not showing up.  I'm not sure where I've gone wrong with the code:</p>
  
  <p>The part of the code that add the strings is:</p>
  
  <pre><code>$('.continue').on('click', function() {
      populateQuestion(++currentQuestion);
    $('#submit').prop('disabled', false);
    if(currentQuestion === 10  &amp;&amp; correctAnswers === 10){
      $('.jumbotron').html('You got all 10 questions right!  Way to go SUPER NERD!');
    } else if(currentQuestion === 10  &amp;&amp; correctAnswers &gt;= 7){
      $('.jumbotron').html('You got ' +correctAnswers+ " questions right! Don't get caught riding nerdy!");
    } else if(currentQuestion === 10  &amp;&amp; correctAnswers &gt;= 5 ){
      $('.jumbotron').html(correctAnswers + ' questions right? You could use a little more nerd in your life.');
    } else if(currentQuestion === 10  &amp;&amp; correctAnswers &gt;= 3){
      $('.jumbotron').html(correctAnswers + '? Wow, what\'s up preppy?');
    } else if(currentQuestion === 10  &amp;&amp; correctAnswers &lt; 3){
      $('.jumbotron').html(correctAnswers + ' for real? At least you got your name right....I hope');
    }
    });
  </code></pre>
  
  <p>The HTML is:</p>
  
  <pre><code>&lt;div class='jumbotron'&gt;
      &lt;h2 class='jumotron'&gt;&lt;/h2&gt;
    &lt;/div&gt;
    &lt;div class="continue"&gt;
      &lt;button class="click"&gt;Click here to continue&lt;br&gt;&lt;br&gt;...if you dare!&lt;/button&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The full code is on my jsfiddle at <a href="https://goo.gl/ZPIJvS" rel="nofollow">https://goo.gl/ZPIJvS</a></p>