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:

2. <h2>REPORTS TO BE GENERATED</h2>
3. <table style=\ "width:100%\">
4.   <tr>
5.     <th>Report Name</th>
6.     <th>Unit</th>
7.     <th>Generation Date</th>
8.     <th>Data Begin Date</th>
9.     <th>Data End Date</th>
10.     <th>Recipients</th>
11.   </tr>
12. 
    
13.   <tr>
14.     <td>Produce Usage</td>
15.     <td>ABUELOS</td>
16.     <td>5/11/2016</td>
17.     <td>5/11/2016</td>
18.     <td>sOMETHING</td>
19.     <td>Something Else</td>
20.   </tr>
21. </table>
22. <div id="fillme">
23. <label id="lbl">hey</label>
24. </div>
25. <iframe id="orme">
26. 
    
27. </iframe>

The Javascript from the fiddle is:

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