title: Issue with jquery append statement for timed greeting
body: <p>In the middle of a college course for learning jquery and this week we are supposed to use jquery for a timed greeting.  I have previously done similar with straight JS to easy result.  However, I cannot seem to get the message to appear using jquery.  Below is the script tags with the code.  As I've been taught in the past these are both in the  tags.  </p>
  
  <pre><code>    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
  
          var hrs = newDate().getHours();
          var greet;
  
  
          if (hrs &gt; 0 &amp;&amp; hrs &lt; 12) {
              greet = 'Guten Morgan';
  
          else if (hrs &gt;= 12 &amp;&amp; hrs &lt;= 17) 
              greet = 'Guten Tag';
  
          else if (hrs &gt;= 17 &amp;&amp; hrs &lt;= 24) 
              greet = 'Guten Abend';
          }
          $('.greeting').append(greet);
      &lt;/script&gt;
  </code></pre>
  
  <p>Any help would be greatly appreciated as I cannot seem to find the issue.</p>
  
  <p>Moved the script to the body and it worked, however, after adjusting the alignment of the tags it broke again. Even undoing the alignment changes failed to fix it.</p>
  
  <p>At this point I'm totally lost. </p>