"Move Field Instructions Above Input Box" code not working

API & Customization
1

I'm trying to use the Developer Docs suggested code for "Move Field Instructions Above Input Box", but can't get it to work on any of my fields. Have tried several field types. Wondering if anyone else has had this problem?

Here's the suggested code:

/* Change the scene_1 to the scene key of your choice, and field_1 to the field key of the field you're working with. */

$(document).on('knack-scene-render.scene_1', function(event, scene) {

$('#kn-input-field_1 > p.kn-instructions').prependTo($('#kn-input-field_1 div.kn-radio'));

});

2

Same problem here. I moved the instructions into the field name field and added this CSS code so it wasn’t all bold:
#kn-input-field_4654 > label {
font-weight: normal;
}

3

I was able to use the example JQuery referenced in the Developer Docs and get it to work. Here are the two versions of it that worked for me (replacing the XXX with the appropriate scene or label id number).

$(document).on(‘knack-scene-render.scene_XXX’, function(event, scene) {
$(‘#kn-input-field_XXX > p.kn-instructions’). prependTo($(‘#kn-input-field_XXX label.kn-label’));
});

$(document).on(‘knack-scene-render.scene_XXX’, function(event, scene) {
$(‘#kn-input-field_XXX > p.kn-instructions’).appendTo($(‘#kn-input-field_XXX label.kn-label’));
});