How can I append html to an ID'd element (why isn't .append() working)?

How can I append html to an ID'd element (why isn't .append() working)?

I want to append some html to an element; so far my failure is so catastrophic as to make Napoleon's battle at Waterloo seem like a roaring success by comparison. Before adding it to actual code, I tried fiddling around first with these variations on the theme, based on what I got from here, but it's not working. What am I missing/doing wrong?

The HTML from the fiddle is:

  1. <h2>REPORTS TO BE GENERATED</h2>
  2. <table style=\ "width:100%\">
  3.   <tr>
  4.     <th>Report Name</th>
  5.     <th>Unit</th>
  6.     <th>Generation Date</th>
  7.     <th>Data Begin Date</th>
  8.     <th>Data End Date</th>
  9.     <th>Recipients</th>
  10.   </tr>

  11.   <tr>
  12.     <td>Produce Usage</td>
  13.     <td>ABUELOS</td>
  14.     <td>5/11/2016</td>
  15.     <td>5/11/2016</td>
  16.     <td>sOMETHING</td>
  17.     <td>Something Else</td>
  18.   </tr>
  19. </table>
  20. <div id="fillme">
  21. <label id="lbl">hey</label>
  22. </div>
  23. <iframe id="orme">

  24. </iframe>

The Javascript from the fiddle is:

  1. $( "#fillme" ).append( $( "<h2>REPORTS TO BE GENERATED</h2>" ) );
  2. $( "#orme" ).append( $( "<h2>REPORTz TO BE GENERATED</h2>" ) );
  3. $( "#orme" ).append( "<h2>REPORTz TO BE GENERATED</h2>" );
  4. $( "th" ).append( $( "<h2>REPORTz TO BE GENERATED</h2>" ) );
  5. $( "#lbl" ).append( $( "<h2>REPORTz TO BE GENERATED</h2>" ) );