title: button in html not rendering with jquery body object
body: <p>When I insert a button in my html, it is not rendering. I'm pretty sure it has to do with the jquery body object I have. Would be really helpful if you can explain what is going on here and why the button will not display. </p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="container"&gt;
        &lt;button class="newTweets"&gt;More Tweets!&lt;/button&gt;
      &lt;/div&gt;
  
      &lt;script&gt;
  
        $(document).ready(function(){
          var $body = $('body');
          $body.html('&lt;h1&gt;&lt;/h1&gt;'); //h1 tags before
  
          var index = streams.home.length - 1;
          while(index &gt;= 0){
            var tweet = streams.home[index];
            var $tweet = $('&lt;div&gt;&lt;/div&gt;');
            $tweet.text('@' + tweet.user + ': ' + tweet.message);
            $tweet.appendTo($body);
            index -= 1;
          }
        });
  
      &lt;/script&gt;
    &lt;/body&gt;
  </code></pre>