title: JQuery not populating into HTML
body: <p>I'm trying to understand why this isn't populating. newProblem() is set to run on initial button click so it's not the function itself.</p>
  
  <p><a href="http://jsfiddle.net/3zu7Lp9y/2/" rel="nofollow">http://jsfiddle.net/3zu7Lp9y/2/</a></p>
  
  <p>HTML    </p>
  
  <pre><code>&lt;p class="number first-number" id="firstNumberDiv"&gt;&lt;/p&gt;
  </code></pre>
  
  <p>JS/JQUERY</p>
  
  <pre><code>function newProblem(){
  var x=Math.floor(Math.random() * 10);
  
  
  $("#firstNumberDiv").text(x);
  }
  </code></pre>